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 短路法代码精简
Aug 20 Javascript
十分钟打造AutoComplete自动完成效果代码
Dec 26 Javascript
js全屏显示显示代码的三种方法
Nov 11 Javascript
理解jQuery stop()方法
Nov 21 Javascript
用原生js统计文本行数的简单示例
Aug 19 Javascript
详解js数组的完全随机排列算法
Dec 16 Javascript
vue-dialog的弹出层组件
May 25 Javascript
jquery实现的简单轮播图功能【适合新手】
Aug 17 jQuery
JS+canvas画布实现炫酷的旋转星空效果示例
Feb 13 Javascript
详解es6新增数组方法简便了哪些操作
May 09 Javascript
js实现倒计时秒杀效果
Mar 25 Javascript
Vue CLI3移动端适配(px2rem或postcss-plugin-px2rem)
Apr 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
PHP5 面向对象(学习记录)
2009/12/02 PHP
php $_SERVER windows系统与linux系统下的区别说明
2014/02/14 PHP
php结合curl实现多线程抓取
2015/07/09 PHP
PHP如何通过AJAX方式实现登录功能
2015/11/23 PHP
js window.open弹出新的网页窗口
2014/01/16 Javascript
页面装载js及性能分析方法介绍
2014/03/21 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
javascript表格的渲染组件
2015/07/03 Javascript
jquery+json实现分页效果
2016/03/07 Javascript
JSON 对象未定义错误的解决方法
2016/09/29 Javascript
Vue异步组件使用详解
2017/04/08 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
基于JavaScript实现无限加载瀑布流
2017/07/21 Javascript
让nodeJS支持ES6的词法----babel的安装和使用方法
2017/07/31 NodeJs
JavaScript使用atan2来绘制箭头和曲线的实例
2017/09/14 Javascript
React Native 使用Fetch发送网络请求的示例代码
2017/12/02 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
JQuery选中select组件被选中的值方法
2018/03/08 jQuery
获取layer.open弹出层的返回值方法
2018/08/20 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
学习Django知识点分享
2019/09/11 Python
Python爬取破解无线网络wifi密码过程解析
2019/09/17 Python
用pytorch的nn.Module构造简单全链接层实例
2020/01/14 Python
python shell命令行中import多层目录下的模块操作
2020/03/09 Python
python中shell执行知识点
2020/05/06 Python
python实现数据结构中双向循环链表操作的示例
2020/10/09 Python
匡威英国官网:Converse英国
2018/12/02 全球购物
龟牌英国商店:Turtle Wax Brand Store UK
2019/07/02 全球购物
环保宣传标语
2014/06/12 职场文书
委托书怎么写
2014/07/31 职场文书
党的群众路线教育实践活动总结材料
2014/10/30 职场文书
党员干部廉政承诺书
2015/04/28 职场文书
首次购房证明
2015/06/19 职场文书
经典励志格言:每日一句,让你每天充满能量
2019/08/16 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电