在DOM中,文本内容也是一个节点对象(Text),可以通过获取文本对象然后完成对它的各种操作,但这种做法会使得事情变得复杂,并不建议这么做。在大部分场景下,可以通过元素的属性来操作其中的文本内容
假设我们已经获取到了div的元素节点对象,我们可以通过以下的属性来完成对文本的操作:
element.textContent
:获取或修改元素中的文本内容,获取的是标签中的内容,不会考虑css样式element.innerText
:获取或修改元素中的文本内容,当字符串中有标签时,会自动对标签进行转义,如:<li> --> <li>
element.innerHTML
:获取或修改元素中的html代码,可以直接向元素中添加html代码,innerHTML插入内容时,有被xss注入的风险