定义HTML类以表示多个HTML类

Question

我对前端开发很陌生;我想在我的HTML文档中定义一个封装了多个HTML类的类。

例如，下面，我有一个标题和一组其他元素，它们具有相同的类列表。但是，如果我改变了一个，我必须记住改变另一个，如果我继续添加更多特殊类型的元素，我想要以相同的方式设置，我将不得不更新它们中的每一个每一次。

<div class="container">
  <div id="sortTrue1" class="list-group">
     <div class="row">
        <div class="list-group-item col-md-4"> <!-- This guy -->
           ...
        </div>
     </div>
     {% for name in names1 %}
       <div class="row">
         <div class="list-group-item col-md-4"> <!-- And this guy -->
           ...
         </div>
       </div>
     {% endfor %}
  </div>
</div>

有没有办法定义一个类x，以便<div class=x>...</div>将应用多个类？

Answer 1

我不建议像你要求的那样这样做，但我认为它可以解决这个问题：

var matches = document.querySelectorAll("div");
for (var i = 0; i<matches.length; i++)
{
    if (matches[i].className == 'x')
    {
        matches[i].className = 'all the classes you want'
    }
}