innerHTML和innerText

<div id="example">这是一些文本内容。</div>
<div id="example2">这是一些<span>带有HTML标签的</span>文本内容。</div>

var example = document.getElementById('example');
var example2 = document.getElementById('example2');

// 获取innerHTML和innerText
console.log(example.innerHTML); // 输出: "这是一些文本内容。"
console.log(example.innerText); // 输出: "这是一些文本内容。"

console.log(example2.innerHTML); // 输出: "这是一些<span>带有HTML标签的</span>文本内容。"
console.log(example2.innerText); // 输出: "这是一些带有HTML标签的文本内容。"

• innerHTML：获取的包括html元素
• innerText：不包含html元素，只有内容

所以，如果你需要操作或修改元素的HTML结构，使用 innerHTML。如果你只需要获取或设置纯文本内容，使用 innerText。