首页 > 编程笔记 > JavaScript笔记 阅读:68

JS文本节点的操作

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

【例 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 元素的内容的节点类型可以看出,在标签内的换行和空格都属于文本节点。

编程帮,一个分享编程知识的公众号。跟着站长一起学习,每天都有进步。

通俗易懂,深入浅出,一篇文章只讲一个知识点。

文章不深奥,不需要钻研,在公交、在地铁、在厕所都可以阅读,随时随地涨姿势。

文章不涉及代码,不烧脑细胞,人人都可以学习。

当你决定关注「编程帮」,你已然超越了90%的程序员!

编程帮二维码
微信扫描二维码关注

所有教程

优秀文章