如何从代表内容的页面获取元素的 html，因为它完全包含应用在其上的所有样式

Question

我目前正在开发一个项目，需要检索表单的准确 HTML，包括所有应用的样式 (CSS)。我的目标是模仿 Google Forms 的行为，它通过电子邮件发送响应。

我尝试使用

.innerHTML

和

.outerHTML

方法，但它们不包括应用于元素的外部 CSS。具体来说，我想提取具有 className 的元素的 HTML，比如说

formSubWrapper

，同时保留所有样式。

Answer 1

这不是很可靠，因为特定容器/元素之外的另一个元素可能会对您的表单样式产生影响。但是，您可能想查看 getCompulatedStyle Web API。它可以帮助您将所有样式应用于给定元素。您可以迭代元素并收集它们的样式。