在html中,item的意思是在节点列表中位于指定索引的节点,语法格式为“document.元素对象.childnodes.item(数值)”。节点按照它们在源代码中出现的顺序进行排序,节点列表的索引以0开头。
本教程操作环境:windows7系统、css3&&html5版、dell g3电脑。
一直不知道javascript还有类似jq里面eq()的函数,原来原生javascript的item()有类似功能:
由于是原生javascript,先补习下children和childnodes的区别:
1,childnodes:它是标准属性,它返回指定元素的子元素集合,包括html节点,所有属性,文本节点。可以通过nodetype来判断是哪种类型的节点,只有当nodetype==1时才是元素节点,2是属性节点,3是文本节点。
2,children:非标准属性,它返回指定元素的子元素集合。但它只返回html节点,甚至不返回文本节点,虽然不是标准的dom属性,但它和innerhtml方法一样,得到了几乎所有浏览器的支持。
实例
返回元素的首个子节点:
document.body.childnodes.item(0);
测试代码:w3c地址来测试
<!doctype html><html><body><p id="p1"> <p class="demo">点击按钮来获得 body 元素0个子节点的名称。</p> <p class="demo">点击按钮来获得 body 元素1个子节点的名称。</p> <p class="demo">点击按钮来获得 body 元素2个子节点的名称。</p> <p class="demo">点击按钮来获得 body 元素3个子节点的名称。</p></p> <p id="demo"></p><button onclick="myfunction()">试一下</button><script>function myfunction(){var x = document.getelementbyid("demo");var p1 = document.getelementbyid("p1"); x.innerhtml = p1.childnodes.item(3).nodename; //x.innerhtml = p1.children.item(1).nodename; //children得到的是元素节点}</script></body></html>
下面来说明下item()的用法:
定义和用法item() 方法节点列表中位于指定索引的节点。
以下两条语法产生相同的结果:
document.body.childnodes.item(0);document.body.childnodes[0];
推荐学习:html视频教程
以上就是item在html中什么意思的详细内容。