javascript 插入節點appendChild()

插入節點appendChild()

在指定節點的最後一個子節點列表之後添加一個新的子節點。

語法:
appendChild(newnode)
參數:
newnode:指定追加的節點。

在script標籤內,爲ul添加一個li,設置li內容爲PHP。

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>無標題文檔</title>
</head>
<body>

<ul id="test">
  <li>JavaScript</li>
  <li>HTML</li>
</ul> 

<script type="text/javascript">

  var otest = document.getElementById("test");  
  var newLi = document.createElement("li");
  newLi.innerHTML = "PHP";
  otest.appendChild(newLi);
</script> 

</body>
</html>

結果:

.JavaScript
.HTML
.PHP
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章