【JS】获取HTML标签内的子节点
2010-07-22 11:38
239 查看
子节点的个数：
document.getElementById("id").childNodes.length
注意： 标签开/闭合算2个节点 第几个子几点：
document.getElementById("id").childNodes
示例：
这里是 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>
document.getElementById("id").childNodes.length
注意： 标签开/闭合算2个节点 第几个子几点：
document.getElementById("id").childNodes
示例：
这里是 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标签select的获取、添加、删除操作
- JS获取当前年份，添加到HTML标签 select 的 option里
- js使用html()或text()方法获取设置p标签的显示的值
- js使用html()或text()方法获取设置p标签的显示的值
- js方法中获取开始标签和结束标签中间插入内容的方式(innerHTML/html())
- 通过js获取td标签的text、html、innerhtml三者的区别
- js获取html标签
- js获取html标签
- jquery的attr方法与ie7不兼容，js获取html标签自定义属性
- js改变/获取html标签样式
- JS和jQuery通过this获取html标签中的属性值(实例代码)
- JS对HTML标签select的获取、添加、删除操作
- js 通过html()及text()方法获取并设置p标签的显示值
- JS-----------动态生成的html标签，在使用js获取不到
- js获取fck文本编辑器内的内容，不包括html标签在内
- js获取用户在input标签中输入的值，然后改变html下各个标签的值或者属性
- js获取html的span标签的值
- JS获取HTML video标签视频第一帧
- js 通过html()及text()方法获取并设置p标签的显示值
- js获取html的span标签的值