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

Question

我的页面的访问者可以将正文的背景设置为颜色或图像。这些更改最终内联，如下所示：

<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 以及其中的所有内容。我只想要带有所有属性的标签。

感谢任何建议。

score 3 · Accepted Answer

采用：var style = $("body").attr("style");

这将返回 body 标签的样式属性。

进而：

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

score 1 · Accepted Answer

1

这个怎么样：

document.body.outerHTML.replace(document.body.innerHTML, "")

于 2013-07-13T22:26:45.657 回答

score 1 · Accepted Answer

你可以简单地得到身体的风格：

document.getElementsByTagName('body')[0].style;

'[0]' 假设你只有一个身体。我只有一个身体。;)

3 回答 3