<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
。