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自动显示最后更新时间
Mar 15 Javascript
js的image onload事件使用遇到的问题
Jul 15 Javascript
javascript验证身份证号
Mar 03 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
js数组操作方法总结(必看篇)
Nov 22 Javascript
浅谈jQuery操作类数组的工具方法
Dec 23 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
javascript编程实现栈的方法详解【经典数据结构】
Apr 11 Javascript
对 Vue-Router 进行单元测试的方法
Nov 05 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
JS数组进阶示例【数组的几种函数用法】
Jan 16 Javascript
vue项目打包后路由错误的解决方法
Apr 13 Vue.js
浅谈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动态分页函数,PHP开发分页必备啦
2011/11/07 PHP
PHP启动windows应用程序、执行bat批处理、执行cmd命令的方法(exec、system函数详解)
2014/10/20 PHP
PHP PDO fetch 模式各种参数的输出结果一览
2015/01/07 PHP
PHP chr()函数讲解
2019/02/11 PHP
laravel框架中路由设置,路由参数和路由命名实例分析
2019/11/23 PHP
jQuery UI-Draggable 参数集合
2010/01/10 Javascript
jQuery EasyUI datagrid实现本地分页的方法
2015/02/13 Javascript
JavaScript获取网页中第一个链接ID的方法
2015/04/03 Javascript
JavaScript判断IE版本型号
2015/07/27 Javascript
jQuery实现的超酷苹果风格图标滑出菜单效果代码
2015/09/16 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
js字符串引用的两种方式(必看)
2016/09/18 Javascript
JavaScript 监控微信浏览器且自带返回按钮时间
2016/11/27 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
JavaScript仿聊天室聊天记录
2016/12/27 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
从零学习node.js之express入门(六)
2017/02/25 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
对vue里函数的调用顺序介绍
2018/03/17 Javascript
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
python正则匹配查询港澳通行证办理进度示例分享
2013/12/27 Python
Python单例模式实例分析
2015/01/14 Python
对python中矩阵相加函数sum()的使用详解
2019/01/28 Python
python打开windows应用程序的实例
2019/06/28 Python
Python进度条的制作代码实例
2019/08/31 Python
python opencv实现gif图片分解的示例代码
2019/12/13 Python
python 三种方法提取pdf中的图片
2021/02/07 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
学校周年庆活动方案
2014/08/22 职场文书
初中数学教学反思范文
2016/02/17 职场文书
你真的了解PHP中的引用符号(&)吗
2021/05/12 PHP
python控制台打印log输出重复的解决方法
2021/05/14 Python
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript