欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js在指定位置增加節(jié)點(diǎn)函數(shù)insertBefore()用法實(shí)例

 更新時(shí)間：2015年01月12日 11:19:38   投稿：shichen2014  
這篇文章主要介紹了js在指定位置增加節(jié)點(diǎn)函數(shù)insertBefore()用法,實(shí)例分析了insertBefore()函數(shù)追加結(jié)點(diǎn)的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下

本文實(shí)例講述了js在指定位置增加節(jié)點(diǎn)函數(shù)insertBefore()用法。分享給大家供大家參考。具體分析如下：

函數(shù)原型如下：

insertBefore(參數(shù)1，參數(shù)2)：在指定位置添加節(jié)點(diǎn)

具體代碼如下：

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

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論