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 相关文章推荐
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
Javascript中的isNaN函数使用说明
Nov 10 Javascript
jquery点击页面任何区域实现鼠标焦点十字效果
Jun 21 Javascript
jsonp原理及使用
Oct 28 Javascript
Bootstrap 布局组件(全)
Jul 18 Javascript
Bootstrap和Angularjs配合自制弹框的实例代码
Aug 24 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
Aug 26 Javascript
javascript宿主对象之window.navigator详解
Sep 07 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
vue axios数据请求get、post方法及实例详解
Sep 11 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
JavaScript惰性载入函数实例分析
Mar 27 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
用PHP制作静态网站的模板框架
2006/10/09 PHP
php 方便水印和缩略图的图形类
2009/05/21 PHP
windows环境下使用Composer安装ThinkPHP5
2018/05/18 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
防止xss和sql注入:JS特殊字符过滤正则
2013/04/18 Javascript
当鼠标移动到图片上时跟随鼠标显示放大的图片效果
2013/06/06 Javascript
各种常用的JS函数整理
2013/10/25 Javascript
JS应用正则表达式转换大小写示例
2014/09/18 Javascript
jQuery设置单选按钮radio选中/不可用的实例代码
2016/06/24 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
JavaScript定义函数_动力节点Java学院整理
2017/06/27 Javascript
详解webpack的配置文件entry与output
2017/08/21 Javascript
详解Vue中localstorage和sessionstorage的使用
2017/12/22 Javascript
jQuery 改变P标签文本值方法
2018/02/24 jQuery
vue通过video.js解决m3u8视频播放格式的方法
2019/07/30 Javascript
微信小程序swiper实现文字纵向轮播提示效果
2020/01/21 Javascript
[01:23:59]2018DOTA2亚洲邀请赛 4.1 小组赛 B组 VP vs Secret
2018/04/03 DOTA
在Python中操作字符串之replace()方法的使用
2015/05/19 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
对matplotlib改变colorbar位置和方向的方法详解
2018/12/13 Python
python利用小波分析进行特征提取的实例
2019/01/09 Python
django数据模型(Model)的字段类型解析
2019/12/25 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
html5各种页面切换效果和模态对话框用法总结
2014/12/15 HTML / CSS
中国最大的名表商城:万表网
2016/08/29 全球购物
欧洲领先的电子和电信零售商和服务提供商:Currys PC World Business
2017/12/05 全球购物
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
培训主管的岗位职责
2013/11/23 职场文书
机关财务管理制度
2014/01/17 职场文书
群众路线教育实践活动批评与自我批评
2014/09/15 职场文书
2014年团总支工作总结
2014/11/21 职场文书
先进个人推荐材料
2014/12/29 职场文书
使用Java去实现超市会员管理系统
2022/03/18 Java/Android