如何获取html标签中的节点

html-css011

如何获取html标签中的节点,第1张

子节点的个数:

document.getElementById("id").childNodes.length

注意: 标签开/闭合算2个节点 第几个子几点:

document.getElementById("id").childNodes[n]

可以使用MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品,该功能是DOM3 Events规范的一部分。

或者在动态加载的节点中data-*添加一个hash值,然后使用属性选择器获得该节点。

首先节点太多并不会影响你取节点对象,这个只是开发者工具为了方便帮你隐藏了。例如你要取<pre>1000</pre>这个对象(开发者工具隐藏的),你直接用grep函数来筛选,

$.grep( $('pre'), function(n,i){ return n.innerHTML== 1000})

或者,取1000以上的

$.grep( $('pre'), function(n,i){ return n.innerHTML>1000})