将类添加到字符串中的元素

Question

我想在字符串中的form元素中添加一个类。没有jQuery，有没有一种简单的方法可以做到这一点？

var foo = '<form class="overlay"><div></div></form>';
foo.classList.add('bar');
console.log(foo);

Answer 1

最简单的方法是使用内存foo将div转换为DOM元素。然后，您可以在添加预期innerHTML后将其转换回class字符串。顺便说一句，不建议使用正则表达式或任何其他字符串操作方法来操作HTML字符串。

var foo = '<form class="overlay"><div></div></form>';
var div = document.createElement('div');
div.innerHTML = foo;
div.querySelector('form').classList.add('bar');
alert(div.innerHTML);