怎样理解firstchild,lastchild-慕课网

首页课程实战体系课手记专栏慕课教程

怎样理解firstchild,lastchild

来源：9-9 访问子节点的第一和最后项

cc_freestyle

2017-03-28 18:06

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

</head>

<body>

<ul id="ul"><li></li><li>bana</li><li>ora</li></ul>

<script src="myJS.js"></script>

<script>

var oUl=document.getElementById("ul");

var x=oUl.childNodes;

alert(x[0].firstChild); //结果为null; 但是使用childNode[0],出来为undefine

alert("ul中li[2]节点类型："+x[2].nodeType);

</script>

</body>

</html>

1为什末elementNode.childNodes[0]与firstChild结果不同？

2firstChild 属性返回‘childNodes’数组的第一个子节点。

是指childNodes’数组中某一个元素节点的子节点，还是？

3与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。怎摸理解

谢谢拉

写回答关注

3回答

cc_freestyle

2017-03-29 08:48:26

null貌似是人为设置空，undefine是未定义，意料之外的空。。。。

0 0
cc_freestyle

2017-03-29 08:32:13

谢谢。。。棒极了

0 0
qq_凌_G

2017-03-28 22:08:56

1：说实话null和undefined都是不存在，但具体有什么不一样和为什么不一样我不知道；
2：firstChild属性返回的是'childNodes'数组的第一个子节点，等同于childNodes[0]————（但是为什么会存在第一个问题，真特么不讲道理···）;
3:巴拉巴拉···同样效果那个，意思就是lastChild是返回的'childNodes'数组的最后一个子节点，巴拉巴拉那段就意思是等同于childNodes[childNodes.length - 1]，比如it长度是3，分别it[0],it[1],it[2], it.firstChild==it[0],it.lastChild==it[2],2就是那个3-1;

0 1

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468194 学习 · 21891 问题

相似问题

本节lastChild能输出，firstChild就会undefined

回答 1

请教，firstchild和lastchild ，与childNodes[1]是不一样的啊，为什么上面说是一样的结果，我做错了m？

回答 2

这段代码为什么firstChild就输出underfined呢？而lastChild就可以输出

回答 2

回答 1

回答 4

打开慕课网App查看更多内容