怎样获取节点的文本值

Posted 2022-10-13 aisowe

Node.prototype.nodeValue

// html 代码如下
// <div id="d1">hello world</div>
var div = document.getElementById(‘d1‘);
div.nodeValue // null
div.firstChild.nodeValue // "hello world"

之所以无法获取div的nodeValue, 原因是div为 元素节点, 而只有文本节点(text) / 注释节点(comment) / 属性节点(attr) 这三种节点类型才有文本值. 

所谓文本值, 可以理解成 引号内或标签间的字符串.

 

较易理解, 唯一需要注意的是: 标签之间的文本也是一种节点类型, 也就是: 文本节点, 因此可以用 .firstChild 获取.