这篇文章主要介绍了 js 在指定位置增加节点函数 insertBefore() 用法, 实例分析了 insertBefore() 函数追加结点的技巧, 具有一定参考借鉴价值, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: