innerHTML和innerText怎么区分?

来源:互联网 发布:浪漫庄园知乎 编辑:程序博客网 时间:2024/05/02 02:40

innerHTML和innerText

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><div id="text"><p>哈哈</p><span>嘻嘻</span></div><a href="javascript:alert(text.innerHTML)">innerhtml</a><a href="javascript:alert(text.innerText)">innertext</a></body></html>

点击innerhtml按钮会出现以下弹窗
点击innertext按钮会出现以下按钮
共同点:innerHTML和innerText都会把元素内内容替换掉。
不同点:1,innerHTML: 也就是从对象的起始位置到终止位置的全部内容,包括Html标签。2,innerText: 从起始位置到终止位置的内容, 但它去除Html标签

2 0