案例:javascript案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<body>
4
5
<ul id="myList"><li>Coffee</li><li>Tea</li></ul>
6
7
<p id="demo">请点击按钮向列表插入一个项目。</p>
8
9
<button onclick="myFunction()">试一下</button>
10
11
<script>
12
function myFunction()
13
{
14
var newItem=document.createElement("LI")
15
var textnode=document.createTextNode("Water")
16
newItem.appendChild(textnode)
17
18
var list=document.getElementById("myList")
19
list.insertBefore(newItem,list.childNodes[0]);
20
}
21
</script>
22
23
<p><b>注释:</b><br>首先请创建一个 LI 节点,<br>然后创建一个文本节点,<br>然后向这个 LI 节点追加文本节点。<br>最后在列表中的首个子节点之前插入此 LI 节点。</p>
24
25
</body>
26
</html>
27