如何获取contenteditable div的完整HTML内容？

你用textContent只能拿到纯文本，因为这个属性的作用就是忽略所有HTML标签，只返回元素里的文本内容。要获取带标签的完整内容，应该用innerHTML属性：

示例代码 #

1. 你的DOM结构：

<div id="editablecontent" contenteditable="true">This <span class="redtext">is</span> a test</div>

2. 正确的获取方式：

const editableDiv = document.getElementById('editablecontent');
const htmlContent = editableDiv.innerHTML;
console.log(htmlContent); // 输出：This <span class="redtext">is</span> a test

innerHTML会返回元素内部的完整HTML结构字符串，包含所有子标签、属性和文本内容，完全符合你的需求。如果需要连当前div自身的标签一起获取，可以用outerHTML，不过你的场景用innerHTML就足够了。

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