为何innerHTML与innerText返回相同输出？新手技术问询

你选中的.sun元素内部没有嵌套任何HTML标签，只有包含前后空格的纯文本SUN，所以innerHTML和innerText的输出自然一致。

两者的核心区别在于：

• innerHTML：返回元素内部的所有HTML内容（包括标签、文本、空格等），只有当元素内存在子HTML标签时，才会返回带标签的内容。
• innerText：返回元素内部的纯文本内容，会自动忽略HTML标签，只提取页面上可见的文本部分。

举个直观的例子，如果修改.sun的结构为：

<div class="sun"> <span>SUN</span> </div>

此时innerHTML会输出<span>SUN</span>，而innerText依然输出SUN，就能明显看到两者的差异。

回到你的代码，因为.sun本身没有子标签，仅包含纯文本，所以两个属性返回结果相同，这是完全正常的情况。

内容的提问来源于stack exchange，提问作者user20199678