如何用原生JavaScript（非jQuery）获取元素标签间全部标记内容

如果你已经通过document.getElementById("foo")选中了目标元素，想要获取它标签之间的全部嵌套HTML内容，直接用元素的innerHTML属性就行——这玩意儿会把元素内部所有层级的DOM结构都转换成字符串返回，完全满足你的需求。

举个例子，针对你给出的结构：

<div id="foo"> <ul><li>item1</li><li>item2</li></ul></div>

执行下面的代码：

const foo = document.getElementById("foo");
const allInnerContent = foo.innerHTML;

allInnerContent的值就是' <ul><li>item1</li><li>item2</li></ul>'，包含了里面的<ul>和所有<li>标签。

另外补充个小知识点：如果哪天你需要连元素自身的标签一起获取，就用outerHTML属性，它会返回包括当前元素在内的完整HTML字符串。

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