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 相关文章推荐
js实现的仿新浪微博完美的时间组件升级版
Dec 20 Javascript
JQuery中form验证出错信息的查看方法
Oct 08 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
使用jQuery设置disabled属性与移除disabled属性
Aug 21 Javascript
JS使用ajax方法获取指定url的head信息中指定字段值的方法
Mar 24 Javascript
基于JavaScript创建动态Dom
Dec 08 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
Jun 29 Javascript
js制作网站首页图片轮播特效代码
Aug 30 Javascript
JavaScript实现的九种排序算法
Mar 04 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
详解vue beforeEach 死循环问题解决方法
Feb 25 Javascript
vue3.0 自适应不同分辨率电脑的操作
Feb 06 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的引用详解
2015/02/22 PHP
深入理解PHP JSON数组与对象
2016/07/19 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
php实现微信支付之退款功能
2018/05/30 PHP
PHP的PDO连接讲解
2019/01/24 PHP
关于javascript event flow 的一个bug详解
2013/09/17 Javascript
倒记时60刷新网页的js代码
2014/02/18 Javascript
jQuery $.extend()用法总结
2014/06/15 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
javascript中call和apply的用法示例分析
2015/04/02 Javascript
javascript 使用for循环时该注意的问题-附问题总结
2015/08/19 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
JavaScript判断变量是否为数组的方法(Array)
2016/02/24 Javascript
利用JS实现点击按钮后图片自动切换的简单方法
2016/10/24 Javascript
Vue单文件组件基础模板小结
2017/08/10 Javascript
ui-router中使用ocLazyLoad和resolve的具体方法
2017/10/18 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
详解Vue 数据更新了但页面没有更新的 7 种情况汇总及延伸总结
2020/05/28 Javascript
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
python实现矩阵乘法的方法
2015/06/28 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
Python中property函数用法实例分析
2018/06/04 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
对python遍历文件夹中的所有jpg文件的实例详解
2018/12/08 Python
Python实现生成密码字典的方法示例
2019/09/02 Python
Python安装tar.gz格式文件方法详解
2020/01/19 Python
在 Windows 下搭建高效的 django 开发环境的详细教程
2020/07/27 Python
python 深度学习中的4种激活函数
2020/09/18 Python
网络管理专业求职信
2014/03/15 职场文书
住宅使用说明书
2014/05/09 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
个人年度总结报告
2015/03/09 职场文书
2015年行风建设工作总结
2015/05/15 职场文书
总结会主持词
2015/07/02 职场文书
python基于tkinter制作下班倒计时工具
2021/04/28 Python
golang gopm get -g -v 无法获取第三方库的解决方案
2021/05/05 Golang