使用DOM从HTML中删除所有内联样式标签

Question

我有一个DOM，其中加载了整个网页的HTML。我想从此页面的所有元素中删除所有的内联样式。我该如何做到这一点。

- Hacker

Answer 1

使用DOM是最简单的方法。

这是我会做的事情。

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

- F21

Answer 2

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

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

- Raab

---

我认为他想使用PHP来完成这个。 - F21

最好在客户端处理DOM。 - Raab

如果客户端的浏览器禁用了js会怎么样？如果我想要将样式作为服务器端验证客户端输入的数据而删除，那该怎么办？在客户端处理DOM并不总是更好，这取决于你想要做什么。 - Emile Bergeron

Answer 3

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

- Jon Taylor