最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

javascript中的firstchild

来源:懂视网 责编:小采 时间:2020-11-27 20:24:43
文档

javascript中的firstchild

javascript中的firstchild:<ul id="contain"> <li><a href="http:/www.gxlcms.com">Microsotf</a></li> <li><a href="http:/www.gxlcms.com">Yahoo</a></li> <li><a href="http:/w
推荐度:
导读javascript中的firstchild:<ul id="contain"> <li><a href="http:/www.gxlcms.com">Microsotf</a></li> <li><a href="http:/www.gxlcms.com">Yahoo</a></li> <li><a href="http:/w

<ul id="contain"> 
 <li><a href="http:/www.gxlcms.com">Microsotf</a></li> 
 <li><a href="http:/www.gxlcms.com">Yahoo</a></li> 
 <li><a href="http:/www.gxlcms.com">Easy</a></li> 
 <li><a href="www.gxlcms.com">W3c/Javascript</a></li> 
 <li><a href="www.gxlcms.com">Design|Source</a></li> 
 </ul> 
var container=document.getElementById("contain");

1、使用firstChild是ul元素下的第一个子节点(包括文本节点、HTML元素节点)。所以按照标准,你这个例子在Firefox和Opera中,Container.firstChild应该获取空白符的文本节点。而IE不是这样实现的,如果文本节点只包含空白符,IE会直接跳过。所以在IE中通过container.firstChild你获得的是li元素节点。

2、firstChild是元素的所有子节点(childNodes)中的第一个子节点,如果元素的第一个子节点没有变化,则firstChild这个引用也不会有变化。连续获取两次firstChild是同一个对象。

补充:你要了解引用与对象的关系。firstChild是指向元素首个子节点的引用。你给的xx函数中,将firstChild引用指向的对象append到父对象的末尾,原来firstChild引用的对象就跳到了container对象的末尾,而firstChild就指向了本来是排在第二个的元素对象。如此循环下去,链接就逐个往后跳了。

<body> 
<ul id="action"> 
 <li title="第一段文字">第一个</li> 
 <li title="第二段文字">第二个</li> 
</ul> 
<script type="text/javascript"> 
 var attr_p = document.getElementById("action"); 
 alert(attr_p.childNodes[1].childNodes[0].nodeValue); 
</script> 
</body>

如果要取得id为action的ul的第一个li内的文本节点(如取得:第一个),可以使 用…childNodes[1].childNodes[0].nodeValue这种方法找到,使用…childNodes[1].firstChild.nodeValue同样可以找到第一个li的文本节点,结论childNodes[0]等价于firstChild,无论何时何地,重要需要访问childNodes[]数组的第一个元素,我们就可以把它写成firstChild,DOM还提供一个与之对应的lastChild属性。需要注意的是,ff的空格节点问题,可以使用nodeType属性对节点类型判断,直到发现元素节点为止。

文档

javascript中的firstchild

javascript中的firstchild:<ul id="contain"> <li><a href="http:/www.gxlcms.com">Microsotf</a></li> <li><a href="http:/www.gxlcms.com">Yahoo</a></li> <li><a href="http:/w
推荐度:
标签: 中的 js javascript
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top