JS文本节点的操作
时间：03-07来源：作者：点击数：
文本节点指的是 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 元素的内容的节点类型可以看出，在标签内的换行和空格都属于文本节点。
方便获取更多学习、工作、生活信息请关注本站微信公众号
上一篇:JS元素属性的设置、获取和删除
下一篇:JS获取子节点（子元素）
湘公网安备 43102202000103号