导航:首页 > 编程语言 > js查询节点个数

js查询节点个数

发布时间:2023-04-12 01:39:56

jstree中是否提供了方法判断一个根节点有多少子节点看了参考文档貌似没有。求高手赐教

在DhtmlXtree中可以用tree.getLeafCount(itemId)获取节点下的子节点数,如果你想计算的是根节点下所有的子节点的话,可以先用上面的计算出根节点下的子节点数然后在有循环判断这些子节点中那个有孩子节点然后在根据tree.getLeafCount(itemId)计算此节点下的字节点数,依次循环直至最后。

② js如何获取某元素内节点的个数

(1)如获得id为test标签子元素的个数:
document.getElementById("test").ChildNodes.length
document.getElementById('test').children.length
(2)上面两种方法皆可来获得版子元素的个数权,但是要注意各个浏览器的差异性,也得斟酌下差异性

javascript中,如何知道XML文档中的节点数量

得到这个xml对象
var arr = xml对象.getElementsByTagName("RS_ROW");
arr就是这个陆明节点的所有对象,arr.length就是一返腔共有多少个RS_ROW节早世告点

④ js 怎样返回当前节点是第几个

$(function(){
$("ul.area li").click(function(){
alert($(this).index('ul.area li'));
});
});

如果不给 .index()
方法传递参数,那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。

如果参数是一组DOM元素或者jQuery对象,那么返回值就是传递的元素相对于原先集合的位置。

如果参数是一个选择器,销答那么返回饥物值就是原先元素相对于选择器匹配元素中的位置。如果找不烂斗液到匹配的元素,则返回-1。

具体请参考示例。

⑤ javascript怎么获取获取一个节点的所有子节点

$(function(){
$(".navbar-inverseli").each(function(index){
if($(this).children().text().indexOf("主页")>=0){
$(this).addClass("active");
}
});
});

这个是获取ul下的li,然后设置样式。

⑥ js怎样添加、移除、移动、复制、创建和查找节点

添加节点append;移除节点removeChild;移动节点:var sdds=document.getElementById;创建节点createTextNode();查找节点:document.getElementsByTagName。

⑦ js怎么获取div里的元素个数

js获取div里的元素个数方法是:先得到父元素,再得到父元素下的某标签类别的子元素,最后统计出子元素的长度就可以简单实现了。

⑧ 用JS获取某一ID下的指定class的结点的个数

var a = function (node,class) {
var p = document.getElementById(node).childNodes, g = [], c = class;
for(var i = 0,pl = p.length;i<pl;i++){
if(p[i].className === c) g.push(p[i]);
}
return g;
}

⑨ js之原生节点操作

链接地址: http://blog.csdn.net/hj7jay/article/details/53389522
http://blog.csdn.net/terrychinaz/article/details/8492092
1、节点查找API节点:
Node是一个接口,中文叫节点,很多类型的DOM元素都是继承于它,都共享着相同的基本属性和方法。常见的Node有 element,text,attribute,comment(注释节点),document 等。
{
ELEMENT_NODE: 1, // 元素节点
ATTRIBUTE_NODE: 2, // 属性节点
TEXT_NODE: 3, // 文本节点
COMMENT_NODE: 8, // 注释节点
DOCUMENT_NODE: 9, // 文档
DOCUMENT_TYPE_NODE: 10,
DOCUMENT_FRAGMENT_NODE: 11, // 文档碎片
}
通常情况下,只需要了解上面的几个就行了。
2、节点查找API
document.getElementById :根据ID查找元素,大小写敏感,如果有多个结果,只返回第一个;

document.getElementsByClassName :根据类名查找元素,多个类名用空格分隔,返回一个 HTMLCollection 。注意兼容性为IE9+(含)。另外,不仅仅是document,其它元素也支持 getElementsByClassName 方法;

document.getElementsByTagName :根据标签查找元素, * 表示查询所有标签,返回一个 HTMLCollection 。

document.getElementsByName :根据元素的name属性查找,返回一个 NodeList

document.querySelector :返回单个Node,IE8+(含),如果匹配到多个结果,只返回第一个。

document.querySelectorAll :返回一个 NodeList ,IE8+(含)。

document.forms :获取当前页面所有form,返回一个 HTMLCollection ;
这里顺便提一下:querySelector与getElement 之类的区别:
写法不同,最大的区别就是getElement
之类的只能接受的参数是id,class,name之类的,而querySelector接受的参数则扩展到了css的选择器【必须严格按照css选择器写法来写,不然抛出异常】,可以用任意的选择器来描述选择的东东。getElement***返回值是一个 Live Node List(动态),querySelector返回的是 Static Node List(静态)。
什么是NodeList呢?
<pre>NodeList 本质上是一个动态的 Node 集合,只是规范中对 querySelectorAll 有明确要求,规定其必须返回一个静态的 NodeList 对象。</pre>
看下面:
html:
<p class="lost">1</p>
<p class="lost">2</p>
js:
var query2 = document.querySelectorAll('.lost');
var query3 = document.getElementsByClassName("lost");
console.log(query2);//打印出的原型是NodeList
console.log(query3);//HTMLCollection

返回的是NodeList /HTMLCollection?
实际上,HTMLCollection 和 NodeList 十分相似,都是一个动态的元素集合,每次访问都需要重新对文档进行查询。两者的本质上差别在于,HTMLCollection 是属于 Document Object Model HTML 规范,而 NodeList 属于 Document Object Model Core 规范。
这里又有个问题:NodeList 和HTMLCollection 的区别是什么呢?
HTMLCollection是元素集合,而NodeList是节点集合(既可以包含元素,也可以包含文本节点)。所以 node.childNodes 返回 NodeList,而 node.children 和 node.getElementsByXXX 返回 HTMLCollection 。children是Element的属性,只返回的是html节点。childNodes是Node的属性,返回的是制定元素的所有的子元素集合的节点,包括html节点,文本节点,属性节点,注释节点等等。
例子:
html:
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
js:
var ul = document.getElementsByTagName('ul')[0];
var lis1 = ul.childNodes,//NodeList
lis2 = ul.children;//htmlcollection
console.log(lis1.toString(), lis1.length); // "[object NodeList]" 9
console.log(lis2.toString(), lis2.length);//[object HTMLCollection] 4
上面的nodelist节点把换行也当作了一个个的空白文本节点了,所以返回的是9,而htmlcollection却不会。querySelectorAll 的返回值是一个静态的 NodeList 对象,而 getElementsBy ***系列的返回值实际上是一个 HTMLCollection 对象 。
<pre>
如果作为NodeList返回,以下情况将会被当作文本节点处理:

⑩ javascript的节点问题

childNodes获得的是所有的标签节点和文本节点,而children获得的只是颤烂标签节点。

这也就是说,childNodes获得的除了三个div节点外,节点与节点之间的三个回车换行烂模符也被计算在内了,因为它们也是文本啊:

<divid="parentDiv">这里一个回车换行符
<divid="d1">第茄历漏一个div</div>这里也是一个回车换行符
<divid="d2">第二个div</div>这里也是一个回车换行符,总共三个
<divid="d3">第三个div</div></div>

如果把回车换行去掉:

<divid="parentDiv"><divid="d1">第一个div</div><divid="d2">第二个div</div><divid="d3">第三个div</div></div>

那么两种方法计算的节点数就相同了(都是3)

阅读全文

与js查询节点个数相关的资料

热点内容
有没有id和账号和密码 浏览:5
形势和政策用什么app 浏览:340
统赢编程nc文件输出路径设定 浏览:849
什么绘画app涂色不会盖住线稿 浏览:767
如何自学计算机编程序 浏览:38
word2003如何去掉底色 浏览:539
dnf85版本野猪套 浏览:655
iphone3gs微信41 浏览:646
js判断value是否为空 浏览:323
制作网站开发公司 浏览:153
阿里巴巴app怎么开发 浏览:781
3d12版本vr材质 浏览:184
苹果电脑进入中国时间 浏览:795
还呗app服务密码是什么 浏览:498
sddyn01dll版本太低 浏览:858
嵩县手机网站有哪些 浏览:710
zuk桌面文件夹 浏览:602
网络昵称cox是什么意思啊 浏览:726
抖音在哪里看发布的视频数据 浏览:604
word2007宏被禁止 浏览:29

友情链接