innerHTML、innerText、outerHTML和outerText之间的区别

时间：2023-04-02 18:35:42 HTML

1。innerHTML：设置或获取对象开始标签和结束标签之间的内容。例如：helloworld

segmentfault

大抓药

executeconsole.log(文档.getElementById('div1').innerHTML);输出：你好世界执行console.log(document.getElementById('div2').innerHTML);Output:segmentfault

dazhuaoyao

执行document.getElementById('div1').innerHTML='node'会将div1中的内容设置为：nodeexecutedocument.getElementById('div1').innerHTML='

'+'node'+'

'，此时页面显示的内容还是node，标签名会自动解析，不会输出。2.innerText：设置或获取对象开始和结束标签内的文本。使用上面的div操作：执行console.log(document.getElementById('div1').innerHTML);输出：helloworldexecuteconsole.log(document.getElementById('div2').innerHTML);output:segmentfaultdazhuaoyao注意区别是的，输出div2中的内容时，不包括label。设置innerText时，执行：document.getElementById('div1').innerText='

'+'node'+'

';此时页面显示的内容为

node

，此时不解析标签名，作为字符输出。3.outerHTML：设置或获取对象及其内容的HTML形式。使用上面的div操作：执行console.log(document.getElementById('div1').innerHTML);输出：helloworld

执行console.log(document.getElementById('div2').innerHTML);Output:segmentfault

dazhuaoyao