childNodes和children的区别

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>children 和  childnodes的区别</title><script type="text/javascript">window.onload = function(){document.getElementById("btn1").οnclick=function(){var tab = document.getElementsByName("tab")[0];alert(tab.nodeName);var tbody = tab.childNodes[3];alert(tbody.nodeName);var tr = tbody.childNodes[1];alert(tr.nodeName);var td1 = tr.childNodes[1];alert(td1.nodeName);document.getElementById("in1").value=td1.innerHTML;}document.getElementById("btn2").onclick = function(){var tab = document.getElementsByName("tab")[0];alert(tab.nodeName);var tbody = tab.children[1];alert(tbody.nodeName);var tr = tbody.children[0];alert(tr.nodeName);var td = tr.children[0];alert(td.nodeName);document.getElementById("in2").value=td.innerHTML;}//结论：//childNodes和children计算子节点的区别在于：//childNodes计算空白子节点//而children计算的时候不包括子节点，只包含标签节点}</script></head><body>children 和  childnodes的区别<table border="1"  name = "tab"><thead><tr><td>thead1</td><td>thead2</td><td>thead3</td></tr></thead><tbody><tr><td> tbody1</td><td> tbody2</td><td> tbody3</td></tr><tr><td>tbody4</td><td>tbody5</td><td>tbody6</td></tr></tbody><tfoot><tr><td>tfoot7</td><td>tfoot8</td><td>tfoot9</td></tr>             </tfoot></table><input id="btn1" type="button" value="使用childnodes获取第二行第一个格子"/><input id="in1" type="text"/><input id="btn2" type="button" value="使用children获取第二行第一个格子"/><input id="in2" type="text"/></body>
</html>

childNodes和children的区别相关推荐

js表单验证处理和childNodes 和children 的区别
一.对提交表单进行空值验证 html代码: 1 <form action="#"onsubmit="return validate_form(this);" ...
Html DOM元素的childNodes和children的区别
对于DOM元素,children是指DOM Object类型的子对象,不包括tag之间隐形存在的TextNode,而childNodes包括tag之间隐形存在的TextNode对象. 具体看一下针对c ...
Js-parentNode、parentElement，childNodes、children 的区别
---------------------------------------------------------------------- parentNode.parentElement,chil ...
js中firstChild与firstElementChild及childNodes与children的区别
firstChild: 获取指定元素的第一个子节点 (包括元素节点和文本节点) . 若父元素与第一个子元素之间存在空白节点,firstChild 获取到的将是空白节点而不是第一个子元素.这时可以使用 ...
javascript中childNodes与children的区别
1.childNodes:获取节点,不同浏览器表现不同: IE:只获取元素节点: 非IE:获取元素节点与文本节点: 解决方案:if(childNode.nodeName=="#text&qu ...
childNodes和children，firstChild和firstElementChild，lastChild和lastElementChild的区别
首先,我们给出HTML的代码 <ul id='city'><li>北京</li><li>南京</li><li>东京</li ...
深入了解parentNode,parentElement,childNodes,children的区别，一看就懂
今天是准备面试的第七天,js是由ECMAScript.文档对象模型(DOM)和浏览器对象模型(BOM)组成,我们今天就了解下与DOM有关的常用接口parentNode,parentElement,ch ...
Js-parentNode、parentElement，childNodes、children 它们有什么区别呢？
原文:http://www.it130.cn/Article/FAQ/Web-kaifa/JavaScript/2007-3-20/2007032017013900.html 所属分类:Web 开发 ...
了解childNodes 和 children 区别
做题的时候碰见了关于 childNodes 和 children之间的区别的问题,查了一点点资料,对他们二者之间也有了一些了解,写博客加深一下自己的印象. 二者的定义: childNodes: 返回包 ...

childNodes和children的区别

childNodes和children的区别相关推荐

最新文章

热门文章