如何在 <style> JavaScript 中删除标签内的所有元素？

根据我的标题问题，如何删除style标记中的所有元素。

我的身体里有样式标签。我只是在检索HTML代码。

<body>
 <style>
    td {...};
    a {....};
 </style>
<body>

我已经单独删除了样式标签。但不是里面的元素。我仍然可以检索：

<body>
    td {...};
    a {....};
<body>

我还需要删除

td {...};
a {....};

提前感谢！

如果您试图删除正文中的所有css元素，您可以执行以下操作：

var x = document.body.getElementsByTagName("style");
for (var i = x.length - 1; i >= 0; i--)
    x[i].parentElement.removeChild(x[i]);

如果你只想去除体内的第一个：

var x = document.body.getElementsByTagName("style");
if (x.length)
    x[0].parentElement.removeChild(x[0]);

编辑：删除了使用map的方法。疯狂列车正确地指出它可能不起作用。

您正试图删除一个HTML元素。您可以这样做，假设标签是文档中唯一的标签

(var styleElt=document.getElementsByTagName('style')[0]).parentNode.removeChild(styleElt)

如果您的项目使用的是jQuery，那么只需很短的脚本即可轻松删除样式标签的内容：

$(document).ready(function () {
    $('style').html("");
});

这里有一个jsFiddle演示它的工作原理。

相关内容