JavaScript学习笔记—DOM:文本节点

在DOM中,文本内容也是一个节点对象(Text),可以通过获取文本对象然后完成对它的各种操作,但这种做法会使得事情变得复杂,并不建议这么做。在大部分场景下,可以通过元素的属性来操作其中的文本内容
假设我们已经获取到了div的元素节点对象,我们可以通过以下的属性来完成对文本的操作:

  • element.textContent:获取或修改元素中的文本内容,获取的是标签中的内容,不会考虑css样式,获取内容时回车,制表符会按照样式显示
  • element.innerText:获取或修改元素中的文本内容

textContent 和 innerText,当字符串中有标签时,会自动对标签进行转义,如:<li> --> &lt;li&gt;

  • element.innerHTML:获取或修改元素中的html代码,可以直接向元素中添加html代码,innerHTML插入内容时,有被xss注入的风险
posted @ 2023-01-30 17:45  程序员张3  阅读(26)  评论(0编辑  收藏  举报