title: Apply hidden attribute to span
body: <p>I'm trying to mimic the way this element is hidden... it doesn't appear there is any css that is applied to the spans to make them hidden:</p>
  
  <p><code>&lt;span hidden&gt;E&lt;/span&gt;</code></p>
  
  <p>I tried:</p>
  
  <pre><code>var letter = document.createElement('span');
  letter.innerHTML = message.split("")[i];
  letter.style.display = 'none';
  </code></pre>
  
  <p>But this does:</p>
  
  <pre><code>&lt;span style="display: none;"&gt;E&lt;/span&gt;
  </code></pre>
  
  <p>The <code>spans</code> are bare, meaning they don't have any class names associated with them. Meaning, they appear as such:</p>
  
  <pre><code>&lt;span hidden&gt;x&lt;/span&gt;
  &lt;span hidden&gt;y&lt;/span&gt;
  &lt;span hidden&gt;z&lt;/span&gt;
  </code></pre>
  
  <p>Is there a way to do this?</p>