我如何在javascript中通过类名动态创建span（在html中已经存在并有样式，即调用span class= "bullet"）。

Question

这里是我尝试在我的表td内创建span的地方。

const oneTd = document.createElement('td');
if(result == 1){
var span = document.createElement('bullet');
oneTd.appendChild(span);
}

下面是我的html中的span类

    <span class="bullet">
    <div class="bra"></div>
    <div class="crr"></div>
    </span>

当我使用querySelector时，它可以工作，但只有一次，但我需要在每次结果==1时追加它。

const oneTd = document.createElement('td');
if(result == 1){
    const bul = document.querySelector(".bullet");
    oneTd.appendChild(bul);

}

Answer 1

下面是一个简单的例子，用预定义的样式将span元素添加到body元素中。.innerHTML 属性，每次用户按下按钮

function addSpan() {
  document.body.innerHTML += '<span class="bullet"></span> ';
}

button {
  margin-bottom: 10px;
}
.bullet {
  padding: 20px;
  border-radius: 50%;
  display: inline-block;
  background-color: green;
}

<button onclick="addSpan()">Add Span</button><br>

Answer 2

类似这样

    const oneTd = document.createElement('td');
    function addEl() {
      if(result === 1){
        const span = document.createElement('span');
        span.classList.add('bullet');
        oneTd.appendChild(span);
      }
    }

因此，你将有

<td><span class="span"></span></td>