How can I convert object HTMLButtonElement to html button?

Hi I get object HTMLButtonElement due to var btn = document.createElement('button'); this is normal behaviour but how can I get normal button as an graphic instead of object? i.e <button type="button">

like a converting object into a string but in this case object to what?

2 Answers

In the dom, Button is stored as instances of HTMLButtonElement object, that is why when you try to convert it to string(calling toString()) you are getting [object HTMLButtonElement].

Since you want to add the button to the view(dom tree), you can just append the button instance to the tree using appendChild() like

var btn = document.createElement('button'); btn.innerText = 'this button'; document.getElementById('container').appendChild(btn); document.getElementById('markup').innerText = btn.outerHTML;

<div></div> <pre></pre>

Instead of element use element.HTML ....such properties like .HTML , .value , .Text will not return object htmlbuttonelement .