获取整个innerHTML（父+子）答案

【问题标题】：Get the whole innerHTML (parent + child)获取整个innerHTML（父+子）
【发布时间】：2016-04-18 02:02:06
【问题描述】：

在 js 脚本中，我有一个 div，我动态添加了一些子元素。所以从一开始，我就不知道我的 div 将包含多少个孩子。

当我尝试获取 div 容器的 innerHTML 时，我只获取了 div 的 html。不是节点的html。

如何通过子组件获取整个组件的 innerHTML？

【问题讨论】：

【解决方案1】：

试试这个：

document.getElementById('MyId').outerHTML

这会获取元素的所有 html，包括内部和自身。

【讨论】：

【解决方案2】：

.outerHTML 用于外部，.innerHTML 用于内部。

【讨论】：

【解决方案3】：

使用outerHTML 就可以了。

document.getElementById('YourId').outerHTML

【讨论】：