title: How can I dynamically create span in javascript by class name (that already exist and styled in html, that called span class= "bullet")
body: <p>Here is where I try to create span, inside my tables td</p>
  
  <pre><code>const oneTd = document.createElement('td');
  if(result == 1){
  var span = document.createElement('bullet');
  oneTd.appendChild(span);
  }
  </code></pre>
  
  <p>And here is my span class in html</p>
  
  <pre><code>    &lt;span class="bullet"&gt;
      &lt;div class="bra"&gt;&lt;/div&gt;
      &lt;div class="crr"&gt;&lt;/div&gt;
      &lt;/span&gt;
  </code></pre>
  
  <p>When I use querySelector, it works but only once, but I need to append it each time result ==1</p>
  
  <pre><code>const oneTd = document.createElement('td');
  if(result == 1){
      const bul = document.querySelector(".bullet");
      oneTd.appendChild(bul);
  
  }
  </code></pre>