title: How to create element with attribute in js?
body: <p>I am trying to create a <code>audio</code> tag in javascript.</p>
  
  <p>I have the following </p>
  
  <pre><code>  this.audioElement = createElement('audio', {className:'audio', src:'test.mp3', type:'audio/mpeg'});
  </code></pre>
  
  <p>The audio tag I want to appear in html</p>
  
  <pre><code>&lt;audio controls src='test.mp3' type='audio/mpeg'&gt;&lt;/audio&gt;
  </code></pre>
  
  <p>I am not sure how to create <code>controls</code> attribute in js. Can anyone help me about it? Thanks!</p>