使用dom从HTML中删除所有内联样式标记

Question

我有一个dom，在这里我已经加载了整个网页的HTML。我想从此页面中的所有元素中删除所有内联样式。我怎样才能做到这一点。

Answer 1

var all = document.getElementsByTagName("*");

for (var i=0, max=all.length; i < max; i++) {
     // Do something with the element here
     all[i].removeAttribute("style","")
}

Answer 2

使用DOM是最简单的方法。

这就是我要做的事。

1. 使用loadHTML().
加载您的标记
2. 使用DOMXPath选择具有styles属性的所有元素。
3. 在每个DOMElement上使用removeAttribute()删除样式属性。

Answer 3

你需要遍历页面上的每个元素并调用element.removeAttribute("style")你可以使用javascript递归遍历dom，这里有很多这样的例子。