如何禁用元素内的所有内联样式

Question

我有一类 span 元素，其中嵌入了生成tinymce的文本。

<span class="ArticleSummary">
This text is generated with a text editor and may have a lot of inline stylings.
</span>

此文本通常包含带内联样式的元素。如何禁用该文本的所有内联样式并获取它的纯html，以便能够使用其他css代码在外部设置样式？

Answer 1

遍历所有元素并删除所有样式属性。

＆＃13;

＆＃13;

var mySpan = document.querySelector('span');

var elements = mySpan.querySelectorAll("*");
for (var i = 0; i < elements.length; i++) {
  elements[i].removeAttribute("style");
}

＆＃13;

<span>
  <a href="http://example.com/" style="color: red;">Hello <strong>World</strong></a> — <cite style="text-decoration: overline;">Brian Kernighan</cite>
  </span>

＆＃13;

＆＃13;

＆＃13;