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


Posted in Javascript onSeptember 21, 2016

子节点的个数:

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标签内的子节点的方法的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
jquery 可排列的表实现代码
Nov 13 Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 Javascript
JS+DIV+CSS实现仿表单下拉列表效果
Aug 18 Javascript
jQuery实现折叠、展开的菜单组效果代码
Sep 16 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
Dec 18 Javascript
js判断传入时间和当前时间大小实例(超简单)
Jan 11 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
小程序分享模块超级详解(推荐)
Apr 10 Javascript
js模拟实现百度搜索
Jun 28 Javascript
JavaScript实现缓动动画
Nov 25 Javascript
浅谈JS使用[ ]来访问对象属性
Sep 21 #Javascript
js style.display=block显示布局错乱问题的解决方法
Sep 21 #Javascript
JS封装的选项卡TAB切换效果示例
Sep 20 #Javascript
jquery radio的取值_radio的选中_radio的重置方法
Sep 20 #Javascript
JS获取鼠标相对位置的方法
Sep 20 #Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 #Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
Sep 20 #Javascript
You might like
第十节--抽象方法和抽象类
2006/11/16 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
用javascript动态调整iframe高度的方法
2007/03/06 Javascript
javascript 页面划词搜索JS
2009/09/28 Javascript
Jquery css函数用法(判断标签是否拥有某属性)
2011/05/28 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
javascript实现控制的多级下拉菜单
2015/07/05 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
2018/03/17 Javascript
JS中获取 DOM 元素的绝对位置实例详解
2018/04/23 Javascript
微信小程序获取用户openid的实现
2018/12/24 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
[54:08]LGD女子刀塔学院 DOTA2炼金术士教学
2014/01/09 DOTA
[00:50]深扒TI7聊天轮盘语音出处6
2017/05/11 DOTA
从零学python系列之从文件读取和保存数据
2014/05/23 Python
Python中正则表达式的详细教程
2015/04/30 Python
详解Python import方法引入模块的实例
2017/08/02 Python
用python结合jieba和wordcloud实现词云效果
2017/09/05 Python
python操作列表的函数使用代码详解
2017/12/28 Python
Python将string转换到float的实例方法
2019/07/29 Python
python多线程与多进程及其区别详解
2019/08/08 Python
Golang GBK转UTF-8的例子
2019/08/26 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
python中如何写类
2020/06/29 Python
pandas to_excel 添加颜色操作
2020/07/14 Python
使用HTML5中的contentEditable来将多行文本自动增高
2016/03/01 HTML / CSS
Sql面试题
2013/03/20 面试题
PPP协议组成及简述协议协商的基本过程
2015/05/28 面试题
OSPF有什么优点?为什么OSPF比RIP收敛快?
2013/02/13 面试题
酒店门卫岗位职责
2013/12/29 职场文书
煤矿安全生产责任书
2014/04/15 职场文书
商品陈列协议书
2014/09/29 职场文书
办公楼租房协议书范本
2014/11/25 职场文书
用Python将GIF动图分解成多张静态图片
2021/06/11 Python
Go语言的协程上下文的几个方法和用法
2022/04/11 Golang