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分页代码(当前页码居中)
Sep 20 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 Javascript
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
Vue核心概念Getter的使用方法
Jan 18 Javascript
es6 filter() 数组过滤方法总结
Apr 03 Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 Javascript
微信小程序webview 脚手架使用详解
Jul 22 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
vue 百度地图(vue-baidu-map)绘制方向箭头折线实例代码详解
Apr 28 Javascript
vue模块移动组件的实现示例
May 20 Javascript
详解ES6实现类的私有变量的几种写法
Feb 10 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判断变量是否为0的方法
2014/02/08 PHP
PHP中魔术变量__METHOD__与__FUNCTION__的区别
2014/09/29 PHP
CodeIgniter控制器之业务逻辑实例分析
2016/01/20 PHP
thinkphp利用模型通用数据编辑添加和删除的实例代码
2016/11/20 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
PHP图像处理 imagestring添加图片水印与文字水印操作示例
2020/02/06 PHP
javascript之大字符串的连接的StringBuffer 类
2007/05/08 Javascript
JavaScript 对象模型 执行模型
2010/10/15 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
2013/08/16 Javascript
浅谈js中的三种继承方式及其优缺点
2016/08/10 Javascript
javascript使用递归算法求两个数字组合功能示例
2017/01/03 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
JS图片预加载插件详解
2017/06/21 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
JS/CSS实现字符串单词首字母大写功能
2019/09/03 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
Python3.2中的字符串函数学习总结
2015/04/23 Python
Python浅拷贝与深拷贝用法实例
2015/05/09 Python
深入解析Python编程中super关键字的用法
2016/06/24 Python
详解Python3中字符串中的数字提取方法
2017/01/14 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
Python实现确认字符串是否包含指定字符串的实例
2018/05/02 Python
Flask框架配置与调试操作示例
2018/07/23 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
Pycharm使用之设置代码字体大小和颜色主题的教程
2019/07/12 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
使用python求斐波那契数列中第n个数的值示例代码
2020/07/26 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
狗狗玩具、零食和咀嚼物的月度送货服务:Super Chewer
2018/08/22 全球购物
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
新学期红领巾广播稿
2014/10/04 职场文书
小学教师教学反思
2016/02/24 职场文书
Angular性能优化之第三方组件和懒加载技术
2021/05/10 Javascript
k8s部署redis cluster集群的实现
2021/06/24 Redis
微软PC Health Check电脑健康状况检查应用下载(Win11配置检测工具)
2021/06/26 数码科技