当前位置: 首页 > 编程笔记 >

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

潘彦
2023-03-14
本文向大家介绍JS 获取HTML标签内的子节点的方法,包括了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标签内的子节点的方法的全部内容了,希望对大家有所帮助,多多支持小牛知识库~

 类似资料:
  • 问题内容: 我想知道,JavaScript提供了多种方法来从任何元素中获取第一个子元素,但是哪种方法最好呢?最好的意思是:在行为方面,大多数跨浏览器兼容,最快,最全面且可预测。我用作别名的方法/属性的列表: 这适用于两种情况: 在表单或迭代的情况下。如果我可能遇到文字元素: 据我所知,使用来自的NodeList ,并使用。我将这一假设基于MDN参考: 是对元素节点的第一个子元素的引用,或者如果不存

  • 我想知道,JavaScript提供了多种方法从任何元素中获取第一个子元素,但哪种方法最好?我所说的“最佳”是指:在行为方面,最兼容跨浏览器、最快、最全面、最可预测。我用作别名的方法/属性列表: 这适用于两种情况: 这是表单的情况,或

  • 本文向大家介绍浅谈js的html元素的父节点,子节点,包括了浅谈js的html元素的父节点,子节点的使用技巧和注意事项,需要的朋友参考一下 parentNode和parentElement功能一样,childNodes和children功能一样。但是parentNode和childNodes是符合W3C标准的,可以说比较通用。而另外两个只是IE支持,不是标准,Firefox就不支持 示例: "pa

  • 你如何获得子节点内容与JavaScript具体? 我可以通过以下方式获取父节点信息: 花岗岩资源属性 但是我需要访问子节点 -家长 --子对象(命名图像) 有很多方法可以通过Java访问子节点,但我正在构建一个只使用JavaScript的解决方案: 下面是Java示例

  • 本文向大家介绍python的xpath获取div标签内html内容,实现innerhtml功能的方法,包括了python的xpath获取div标签内html内容,实现innerhtml功能的方法的使用技巧和注意事项,需要的朋友参考一下 python的xpath没有获取div标签内html内容的功能,也就是获取div或a标签中的innerhtml,写了个小程序实现一下: 源代码 运行代码 以上这篇p

  • 本文向大家介绍layer页面跳转,获取html子节点元素的值方法,包括了layer页面跳转,获取html子节点元素的值方法的使用技巧和注意事项,需要的朋友参考一下 1、jsp页面,携带值跳转到新页 original.jsp 2、后台跳转类 SwitchAction.java 3、struts配置文件,根据返回字符串跳转到新页 4、将需要填充的html字符串填充到新页的表格(newPage.jsp)