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标签


本文转载:CSDN博客