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 相关文章推荐
jQuery Flash/MP3/Video多媒体插件
Jan 18 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
仿百度换肤功能的简单实例代码
Jul 11 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
使用JavaScript为一张图片设置备选路径的方法
Jan 04 Javascript
js中数组插入、删除元素操作的方法
Feb 15 Javascript
jQuery Tree Multiselect使用详解
May 02 jQuery
使用node搭建自动发图文微博机器人的方法
Mar 22 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
Apr 11 Javascript
微信小程序判断用户是否需要再次授权获取个人信息
Jul 18 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 IP及IP段进行访问限制的代码
2008/12/17 PHP
二招解决php乱码问题
2012/03/25 PHP
js 操作css实现代码
2009/06/11 Javascript
JQuery下关于$.Ready()的分析
2009/12/13 Javascript
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
精通Javascript系列之数值计算
2011/06/07 Javascript
DOM2非标准但却支持很好的几个属性小结
2012/01/21 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
2013/12/02 Javascript
使用Jquery获取带特殊符号的ID 标签的方法
2014/04/30 Javascript
JS中自定义定时器让它在某一时刻执行
2014/09/02 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
2014/12/18 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
angular2使用简单介绍
2016/03/01 Javascript
移动端js触摸事件详解
2016/09/18 Javascript
IE11下使用canvas.toDataURL报SecurityError错误的解决方法
2017/11/19 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
[01:16:28]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第二场 2月23日
2021/03/11 DOTA
使用Python的Tornado框架实现一个简单的WebQQ机器人
2015/04/24 Python
解决python2.7 查询mysql时出现中文乱码
2016/10/09 Python
Python WSGI的深入理解
2018/08/01 Python
使用Python实现从各个子文件夹中复制指定文件的方法
2018/10/25 Python
Python分支语句与循环语句应用实例分析
2019/05/07 Python
Python配置pip国内镜像源的实现
2020/08/20 Python
马来西亚网上购物:Youbeli
2018/03/30 全球购物
送给程序员的20个Java集合面试问题
2014/08/06 面试题
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
技术总监的工作职责
2013/11/13 职场文书
小学门卫岗位职责
2013/12/17 职场文书
《植物妈妈有办法》教学反思
2014/02/25 职场文书
社区重阳节活动总结
2015/03/24 职场文书
python调用ffmpeg命令行工具便捷操作视频示例实现过程
2021/11/01 Python
解决Oracle数据库用户密码过期
2022/05/11 Oracle
Spring Boot实现文件上传下载
2022/08/14 Java/Android
Fluentd搭建日志收集服务
2022/09/23 Servers