Как отключить все встроенные стили внутри элемента

Question

У меня есть класс span элементы, в которые встроены тексты, генерируемые тинимом.

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

Этот текст, как правило, насыщена элементами с инлайн моделированием. Как я могу отключить все встроенные стили этого текста и получить чистый html этого, чтобы иметь возможность стирать весь диапазон за пределами с другим кодом css?

Answer 1

Прокрутите все элементы и удалите все атрибуты стиля.

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

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

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