Question

根据我的标题问题，如何删除样式标记内的所有元素。

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

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

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

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

我还需要删除

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

提前致谢！

Answer 1

如果您尝试删除正文中的所有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删除方法。 Crazy Train正确地指出它可能不起作用。

Answer 2

您正在尝试删除HTML元素。你可以这样做，假设标签是文件中唯一的标签

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

Answer 3

如果您的项目使用的是jQuery，您可以使用非常简短的脚本轻松删除样式标记的内容：

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

这是jsFiddle，表明它有效。