DOM探索之基础详解篇_技术问答

慕数据0028241

div标签换行后，有空白了，为什么输出里没有文本节点呢?

已采纳泉州梁朝伟的回答

<body>

</div>

var textdiv = document.getElementById("t");

console.log(textdiv.nodeName+"/"+textdiv.nodeValue);//打印结果为：DIV/null

var textnode =textdiv.childNodes[0];

console.log(textnode.nodeName+"/"+textnode.nodeValue);//打印结果为：#text/

</script>

</body>

emmmmm...空白的确实是文本节点啊。。。

2018-04-13 1回答·2403浏览

慕的地2528051

最后一个是什么节点啊: 已采纳洋气de大叔的回答; 文档片段节点; 2016-10-11 1回答·946浏览

慕的地2528051

为什么div节点值为空呢？: 已采纳 papillon 的回答; 元素节点所指向的对象仅仅是元素的标签<div></div>，所以就只有节点名称，并没有值; 2016-10-11 1回答·1160浏览

慕粉3124250

进阶阶段了么

看得懂，并不代表：做得对

动手才是王道。努力吧，烧念

2016-07-15 3回答·1018浏览

慕粉3421849

最后三个属性在火狐上面不能正确显示啦

程序如下：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>div</title>
</head>
<body>

<div id="content">节点练习</div>
<script>
var nodediv=document.getElementById("content");
var attrdiv=nodediv.attributes[0];
var textnode= nodediv.childNodes[0];
var frag=document.createDocumentFragment();
var comentnode=document.body.childNodes[1];
console.log(nodediv.nodeName+'/'+nodediv.nodeValue);
console.log(attrdiv.nodeName+'/'+attrdiv.value);
console.log(textnode.nodeName+'/'+textnode.nodeValue);
console.log(document.doctype.nodeName+'/'+document.doctype.nodeValue);
console.log(frag.nodeName+'/'+frag.nodeValue);
console.log(comentnode.nodeName+'/'+comentnode.nodeValue);
</script>
</body>
</html>

运行结果：

DIV/null node.html:16:1
id/content node.html:17:1
#text/节点练习 node.html:18:1
html/null node.html:19:1
#document-fragment/null node.html:20:1
#comment/html注释

2016-06-16 1回答·2172浏览

CoffeeandTea

nodevalue: 已采纳 ROAR_0001 的回答; 看你自己怎么理解了，nodevalue意思为"节点值"。至于为什么为null应该是w3c规定的。nodename和nodevalue的值完全取决于节点的类型。而元素节点的nodevalue始终为null所以不必去纠结。可以这样假设，假设当初你也在w3c然后你还提议将元素节点的nodevalue设置为什么“空”; 2016-04-11 1回答·810浏览