如何更改特定div中所有类的名称？

Question

我需要替换动态创建的类名以避免与CSS中的相同名称冲突，因此我需要为一个div中的每个类添加前缀或后缀。

简而言之 - 我怎么能改变这样的事情：

<div id="example" class="super awesome class"></div>

进入例如这样：

<div id="example" class="super_text awesome_text class_text"></div>

Answer 1

这在JavaScript中可能最简单：

var elems = document.getElementById('example');

elems.className = elems.classList.join('_text ')+'_text';

请确保您不会忘记join()文字末尾的空格，否则会将所有类名合并为一个。