<html>
<head>
<script type="text/javascript">
function t(){
var nodeli = document.createElement('li');//創建一個li節點
var li_text = document.createTextNode('藍天');//創建一個文本節點
nodeli.appendChild(li_text);//將文本節點追加到li節點上
var nodeul = document.getElementsByTagName('ul')[0];//獲取第一個UL節點
var nodeli1 = nodeul.getElementsByTagName('li')[2];//獲取ul下第3個節點――秋天
nodeul.insertBefore(nodeli,nodeli1);//函數insertBefore()表示在哪個節點前添加。第一個參數為要插入的新節點，第二個參數為已有節點
}
</script>
</head>
<body>
<div id="container">
<ul>
<li>春天</li>
<li>夏天</li>
<li>秋天</li>
<li>冬天</li>
</ul>
</div>
<hr />
<button onclick="t()" value="">指定位置增加節點</button>
</body>
</html>
