《JS高程(3)》DOM节点层次Text类型-第10章笔记(14)

本文介绍了文本节点的基本概念,包括其nodeType、nodeName、nodeValue等属性,以及如何使用document.createTextNode()方法创建文本节点,并通过实例展示了如何将文本节点添加到元素节点中,以及如何进行文本节点的合并与分割。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文本节点由Text类型表示,包含的是可以照字面解释的存文本内容。

--
nodeType的值:3
nodeName的值:“#text”
nodeValue的值:节点中所包含的文本
parentNode的值:Element
子节点
创建文本节点
方法参数功能
document.createTextNode()接受一个参数:要插入节点的文本创建新文本节点
//创建文本节点的同事,也可以设置ownerDocument属性
var element = document.createElement("div");
element.className = "message";

var textNode = document.createTextNode("Hello world!");
element.appendChild(textNode);

var anotherTextNode = document.createTextNode("Yoho");
element.appendChild(anotherTextNode );

//<div class="message">
//  'Hello world!'
//  'Yoho'
//</div>
document.body.appendChild(element);

element.normalize(); 相邻文本合并
element.splitText(); 分隔文本节点

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值