这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
下面小编就为大家带来一篇 JS 获取 html 标签内的子节点的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
子节点的个数:
- document.getElementById("id").childNodes.length
注意: 标签开 / 闭合算 2 个节点 第几个子几点:
- document.getElementById("id").childNodes[n]
示例:
这里是 length-4 处,margin-left:20px
输出:length=8
实例:
- <div id="page_kx" style="text-align: center;" class="tac">
- <span class="fy2">
- 1
- </span>
- <a href="#">
- 2
- </a>
- <a href="#">
- 3
- </a>
- <a href="#">
- 4
- </a>
- <a href="#">
- 5
- </a>
- <a href="#">
- 下一页
- </a>
- <a href="#">
- 末页
- </a>
- </div>
- <script>
- var gor = document.getElementById("page_kx");
- var gorL = Number(gor.childNodes.length) - 4;
- gor.childNodes[gorL].style.margin = "0 0 0 20px";
- </script>
以上就是小编为大家带来的 JS 获取 HTML 标签内的子节点的方法的全部内容了,希望对大家有所帮助,多多支持 phperz~
来源: http://www.phperz.com/article/17/0518/331713.html