获取整个innerHTML（父+子）

Posted 2023-05-07

技术标签:

【中文标题】获取整个innerHTML（父+子）【英文标题】：Get the whole innerHTML (parent + child) 【发布时间】：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

【讨论】：

以上是关于获取整个innerHTML（父+子）的主要内容，如果未能解决你的问题，请参考以下文章