如何删除jQuery留下的空样式属性

时间:2014-02-26 01:21:52

标签: javascript jquery html css

有些人知道jQuery在body标签中留下了一个空白样式属性:

<body style></body>

虽然这是无害的,但这有点困扰我。我有这个脚本来删除空白样式标记:

document.getElementsByTagName("body")[0].removeAttribute("style");

但它不起作用并留下样式标签。

如何编写实际删除空白样式标记的脚本?

谢谢。

2 个答案:

答案 0 :(得分:2)

这两个对我有用:

使用jQuery:$('body').removeAttr('style');

使用常规ol'DOM:document.getElementsByTagName('body')[0].removeAttribute('style');

答案 1 :(得分:0)

如果您想在删除样式后清理剩余的 style 标签,那么您可以检查一下 style 标签是否为空,然后将其删除,否则您可能会无意中删除您不知道的样式:

const element = document.getElementsByTagName("body");
const styleTagIsEmpty = element.getAttribute("style") === "";
if (styleTagIsEmpty) element.removeAttribute("style");