How to create element with attribute in js?

Question

I am trying to create a audio tag in JavaScript.

I have the following

this.audioElement = createElement('audio', {className:'audio', src:'test.mp3', type:'audio/mpeg'});

The audio tag I want to appear in HTML

<audio controls src='test.mp3' type='audio/mpeg'></audio>

I am not sure how to create controls attribute in js. Can anyone help me about it?

Answer 1

got it now.

 this.audioElement = createElement('audio', {className:'audio-asset', src:'test.mp3'});
 this.audioElement.setAttribute('controls',true);