javascript - 如何使用 javascript 生成标签

Question

我想单击按钮以添加此 CSS 样式：

.olusturucu select {
  margin-top: 2%;
  margin-left: 30%;
  width: 210px;
  border: none;
  color: black;
  outline: none;
  background-color: transparent;
  border-bottom: 1px white solid;
  background: #2e303b;
  color: white;
  display: block;
}

如果你能帮助我，这可能吗？

标签： javascripthtmlcss

Answer 1

下面的小函数将通过另一个类切换一个类，通过 id 选择一个元素。对您的用例非常有用。

function toggleClass(id,classA,classB){
  if (document.getElementById(id).classList[0] === classA){
    document.getElementById(id).classList = classB
  }
  else {
    document.getElementById(id).classList = classA
 }
}

button.onclick = () => toggleClass("elem1" , "red", "chartreuse")

.red {
  background:red
}

.chartreuse {
  background:chartreuse
}

<div id="elem1" class="red">Some stuffs</div>

<button id="button">Toggle class</button>