当前位置：首页 > 资讯 > 技术文档

JS 获取HTML标签内的子节点的方法

时间：2021-05-06 04:15 编辑：来源：阅读：
扫一扫，手机访问

摘要：JS 获取HTML标签内的子节点的方法

[b]子节点的个数：[/b]

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

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

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

[b]示例：[/b] 这里是 length-4 处，margin-left：20px 输出：length=8 [b]实例：[/b]

<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标签内的子节点的方法的全部内容了，希望对大家有所帮助，多多支持编程素材网~

全部评论(0)

上一篇：js实现table添加行tr、删除行tr、清空行tr的简单实例
下一篇：JavaScript动态改变表格单元格内容的方法

资讯排行榜
更多>>