文本节点指的是 DOM 中用于呈现文本的部分,一般被包含在元素节点的开闭合标签内部,所以文本节点通常就是元素的文本内容,其中包含文本、回车、换行、空格等内容。应用示例如下。

图 1:文本节点的应用结果
【例 1】操作文本节点。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>操作文本节点</title> </head> <body> <p>段落一</p> <p> </p> <script> var aP = document.getElementsByTagName('p'); console.log(aP[0].childNodes[0]);//使用childNodes属性获取第一个p节点的子节点 console.log(aP[1].childNodes[0]); console.log('第二个p节点的内容属于节点类型:'+aP[1].childNodes[0].nodeType); </script> </body> </html>
例 1 中使用 childNodes 属性获取 p 元素节点的包括空格、换行在内的各种类型的所有子节点。上述代码在 Chrome 浏览器中的运行结果如图 1 所示。

图 1:文本节点的应用结果
从图 1 中的 p 元素的内容的节点类型可以看出,在标签内的换行和空格都属于文本节点。
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/24015.html