将类添加到类列表

Question

我正在尝试将类添加到类列表中。我尝试过使用

document.getElementById('sectionRowTitles').className += "sectionFieldRating"

以及

document.getElementById('sectionRowTitles').setAttribute("class", document.getElementById('sectionRowTitles').getAttribute("class") + "sectionFieldRating")

以及

var sectionFieldRating = document.createElement('div');
document.getElementById('sectionRowTitles').appendChild('sectionFieldRating');

HTML看起来像

<div class="sectionRow" id="sectionRowTitles">
    <div class="sectionFieldCourse column">Course</div>
    <div class="sectionFieldInstructor column">Instructor</div>
    <div class="sectionFieldMethod column">Method</div>
</div>

Answer 1

您可以使用classList：

document.getElementById('sectionRowTitles').classList.add("sectionFieldRating");

所有现代浏览器和IE10 +都提供了

classList。

Answer 2

所有现代浏览器都提供了classlist，如果出于某种原因你可以使用古代浏览器进行编码......

el.setAttribute("class", el.getAttribute("class")+" "+newclass)