修改文本元素(nodeValue、createTextNode()、innerText和outText)

●nodeValue

●createTextNode()

●innerText

●outerText

nodeValue:

修改文本元素(nodeValue、createTextNode()、innerText和outText)_第1张图片
修改文本元素(nodeValue、createTextNode()、innerText和outText)_第2张图片

createTextNode():

修改文本元素(nodeValue、createTextNode()、innerText和outText)_第3张图片
修改文本元素(nodeValue、createTextNode()、innerText和outText)_第4张图片
在同一节点下使用两次createTextNode()创建文本

innerText:可以操作元素中包含的所有文本内容,包括子文档树种的文本。

->在通过innerText读取值时,它会按照由浅入深的顺序将子文档树种的所有文本拼接起来。

->在通过innerText写入值时,结果会删除元素的所有子节点,插入包含相应文本值的文本节点。

修改文本元素(nodeValue、createTextNode()、innerText和outText)_第5张图片

outerText:除了作用范围扩大到了包含调用它的节点之外,outerText和innerText基本上没有多大区别。

->在读取文本值时,outerText与innerText的结果完全一样。

->在写模式下,outerText就完全不同了:outerText不只是替换调用它的元素的子节点,而是会替换整个元素(包括子节点)。

修改文本元素(nodeValue、createTextNode()、innerText和outText)_第6张图片

你可能感兴趣的:(修改文本元素(nodeValue、createTextNode()、innerText和outText))