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