手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JS 获取HTML标签内的子节点的方法
JS 获取HTML标签内的子节点的方法
摘要:子节点的个数:document.getElementById("id").childNodes.length注意:标签开/闭合算2个节点第几...

子节点的个数:

document.getElementById("id").childNodes.length

注意: 标签开/闭合算2个节点 第几个子几点:

document.getElementById("id").childNodes[n]

示例:

这里是 length-4 处,margin-left:20px

输出:length=8

实例:

<div id="page_kx"> <span>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标签内的子节点的方法的全部内容了,希望对大家有所帮助,多多支持查字典教程网~

【JS 获取HTML标签内的子节点的方法】相关文章:

javascript实时显示当天日期的方法

JS实现屏蔽shift,Ctrl,alt等功能键的方法

JavaScript检测鼠标移动方向的方法

jQuery获得字体颜色16位码的方法

JavaScript动态添加style节点的方法

jQuery实现将页面上HTML标签换成另外标签的方法

js获取字符串字节数方法小结

Javascript中prototype属性实现给内置对象添加新的方法

删除javascript所创建子节点的方法

JQuery中两个ul标签的li互相移动实现方法

精品推荐
分类导航