js在指定位置增加節點函數insertBefore()用法執行個體
這篇文章主要介紹了js在指定位置增加節點函數insertBefore()用法,執行個體分析了insertBefore()函數追加結點的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文執行個體講述了js在指定位置增加節點函數insertBefore()用法。分享給大家供大家參考。具體分析如下：
函數原型如下：
insertBefore(參數1，參數2)：在指定位置添加節點
具體代碼如下：
代碼如下:
<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>
希望本文所述對大家的javascript程式設計有所協助。
