下面是我的代码，输出的结果是“P null 1 H5 null 1”，看不出啥错呀

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

下面是我的代码，输出的结果是“P null 1 H5 null 1”，看不出啥错呀

<!DOCTYPE HTML>

<html>

<head>

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

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

</head>

<body>

<div id="con"><p>javascript</p><div>jQuery</div><h5>PHP</h5></div>

<script type="text/javascript">

var x=document.getElementById("con");

document.write(x.firstChild.nodeName+" "+x.firstChild.nodeValue+" "+x.firstChild.nodeType+"<br />");

document.write(x.lastChild.nodeName+" "+x.lastChild.nodeValue+" "+x.lastChild.nodeType+"<br />");

</script>

</body>

</html>

提问者：Autism21 2018-11-26 11:01

个回答

狼王梦0_0

2019-08-19 14:58:13

三楼正解，这个结果确实没有任何问题

0
Judy4001

2018-12-17 22:07:21

p和h5都是元素节点，元素节点的nodeValue是null或者undefined,我认为你的结果是正确的！

0
weibo_FANG的日常_0

2018-12-03 17:16:58

因为p和h5里面还有一个子节点且为文本节点，所以用nodeValue是取不出值的，要得话就x.firstChild.innerHTML才能拿出里面的JavaScript。

1
慕粉3414280

2018-11-27 09:12:11

你输出1个就可以了，连续输出3个想干嘛？ document.write(x.firstChild.nodeName)<br>document.write(x.lastChild.nodeName) 这样输出啊

0