脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 获取html节点

JS 获取HTML标签内的子节点的方法

 更新时间：2016年09月21日 07:44:57   投稿：jingxian  
下面小编就为大家带来一篇JS 获取HTML标签内的子节点的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

子节点的个数：

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标签内的子节点的方法的全部内容了，希望对大家有所帮助，多多支持脚本之家~

您可能感兴趣的文章:

相关文章

  • VSCode中如何利用d.ts文件进行js智能提示

    VSCode中如何利用d.ts文件进行js智能提示

    这篇文章主要给大家介绍了关于VSCode中如何利用d.ts文件进行js智能提示的相关资料，文中通过图文以及示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
    2018-04-04
  • p5.js实现动态图形临摹

    p5.js实现动态图形临摹

    这篇文章主要为大家详细介绍了p5.js实现动态图形临摹，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-10-10
  • BootStrap selectpicker

    BootStrap selectpicker

    这篇文章主要介绍了BootStrap selectpicker 的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • 微信小程序image图片加载完成监听

    微信小程序image图片加载完成监听

    这篇文章主要为大家详细介绍了微信小程序image图片加载完成监听，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-08-08
  • JavaScript中async await更优雅的错误处理方式

    JavaScript中async await更优雅的错误处理方式

    async/await中的异常处理很让人混乱,尽管有很多种方式来应对async 函数的异常,但是连经验丰富的开发者有时候也会搞错,所以这篇文章主要给大家介绍了关于JavaScript中async await更优雅的错误处理方式的相关资料,需要的朋友可以参考下
    2021-09-09
  • javascript实现网页端解压并查看zip文件

    javascript实现网页端解压并查看zip文件

    昨天给大家分享了在网页端使用zip.js插件实现在线压缩文件的代码，今天给大家分享一下javascript实现网页端解压并查看zip文件的方法，非常的实用，有需要的小伙伴可以参考下
    2015-12-12
  • ES6教程之for循环和Map,Set用法分析

    ES6教程之for循环和Map,Set用法分析

    这篇文章主要介绍了ES6教程之for循环和Map,Set用法,结合实例形式分析了ECMAScript6中for循环和Map,Set基本概念、功能、使用方法与相关注意事项,需要的朋友可以参考下
    2017-04-04
  • JS插件amCharts实现绘制柱形图默认显示数值功能示例

    JS插件amCharts实现绘制柱形图默认显示数值功能示例

    这篇文章主要介绍了JS插件amCharts实现绘制柱形图默认显示数值功能,结合实例形式分析了amCharts插件绘制柱形图并显示数值的相关操作技巧,需要的朋友可以参考下
    2019-11-11
  • document.createElement()用法

    document.createElement()用法

    document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。其中，appendChild() 方法在节点的子节点列表末添加新的子节点
    2013-03-03
  • echarts地图绘制自定义标记实现方法

    echarts地图绘制自定义标记实现方法

    这篇文章主要给大家介绍了关于echarts地图绘制自定义标记实现的相关资料,ECharts地图是一个功能强大的数据可视化工具,基于百度ECharts开源项目开发而成,它主要用于在网页中展示各种地理数据和地图的信息,需要的朋友可以参考下
    2023-11-11

最新评论