javascript - 有没有办法只获取顶部元素的outerHTML？

我的页面的访问者可以将正文的背景设置为颜色或图像。这些更改最终会内嵌为如下内容:

<body style="background-image: none;
 background-color: rgb(255, 51, 221);">

现在我想获取上面 style= 后面的字符串，并使用那里的参数来构建正确的样式字符串:

<style>
     body {
         background-image: none;
         background-color:rgb(255, 51, 221);
    }
</style>

第一个问题是从 body 标签获取内联样式。如果我执行outerHTML，我会得到body 及其中所有内容的HTML。我只想要标签及其所有属性。

感谢您的任何建议。

最佳答案

使用:var style = $("body").attr("style");

这将返回 body 标记的 style 属性。

然后:

$("head").append('<style> body{' + style + '} </style>');

关于javascript - 有没有办法只获取顶部元素的outerHTML？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17634506/