js在指定位置增加节点函数insertBefore()用法实例
2015-01-12 00:00
615 查看
本文实例讲述了js在指定位置增加节点函数insertBefore()用法。分享给大家供大家参考。具体分析如下:
函数原型如下:
insertBefore(参数1,参数2):在指定位置添加节点
具体代码如下:
希望本文所述对大家的javascript程序设计有所帮助。
函数原型如下:
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程序设计有所帮助。
相关文章推荐
- js在指定位置增加节点函数insertBefore()用法实例
- js节点内部插入元素的方法appendChild() insertBefore()
- 点滴积累【JS】---JS小功能(createElement和insertBefore添加div下面的节点)
- JS 字符串操作函数 往指定位置插入字符 删除指定位置字符 替换指定位置字符
- JS自定义选项卡函数及用法实例分析
- DOM操作---增加节点、增加节点文字、指定位置增加子节点、节点复制、删除一个子节点例子
- DOM节点深度克隆函数cloneNode()用法实例
- JS访问SWF的函数用法实例
- 创建元素节点,文本节点以及在指定位置增加节点
- js获取指定节点对象的样式属性的值的封装函数(兼容ie、Opera和符合w3c标准浏览器)
- js AppendChild与insertBefore用法详细对比
- DOM节点的替换或修改函数replaceChild()用法实例
- js AppendChild与insertBefore用法详细对比
- JS 字符串操作函数 往指定位置插入字符 删除指定位置字符 替换指定位置字符
- 初学js插入节点appendChild insertBefore使用方法
- js常用系统函数用法实例分析
- JS函数this的用法实例分析
- DOM节点删除函数removeChild()用法实例
- JS访问SWF的函数用法实例
- [转]js中的appendChild 和insertBefore的用法注意事项