一, 直接看demo
<body>
<div id="test"><p>第一个</p></div>
<script type="text/javascript">
let hj = document.querySelector("#test");
console.log("innerHTML:", hj.innerHTML);
console.log("outerHTML:", hj.outerHTML);
console.log("innerText:", hj.innerText);
</script>
</body>
二, 看结果:
三, 总结:
1.innerHTML:innerHTML 表示设置或获取位于dom对象起始标签和结束标签内的HTML
2.outerHTML :outerHTML是设置或获取dom对象及其内容的HTML形式 (包含自己)
3.innerText:innerText是设置或获取dom对象标签内 的所有文本, 标签不解析.