想試下js裡 appendChild()添加節點,結果沒有反應,不知道問題處在哪裡,火狐IE都沒有效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>演示</title>
</head>
<script type="text/javascript">
var node=document.createElement("li"); //創建一個li節點
var textnode=document.createTextNode("Water"); //創建一個文本節點內容
node.appendChild(textnode); //將文本節點內容,添加到li節點裡面
document.getElementById("test").appendChild(node); //將li節點,添加到test幾點下面
</script>
<body>
<ul id="test"><li>Coffee</li><li>Tea</li></ul>
</body>
</html>
html執行代碼是按順序執行的,js代碼在body前,所以js執行時,body還沒有。這樣的話添加元素是無法完成的。
解決辦法:
法一:
將js代碼放在