CODEWITHSUNDEEP
javascripthtmldom
grzesiekmq
grzesiekmq

Reputation: 439

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?

Upvotes: 2

Views: 18847

Answers (2)

Sonu Deshwal
Sonu Deshwal

Reputation: 1

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

Upvotes: 0

Arun P Johny
Arun P Johny

Reputation: 388416

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 id="container"></div>
<pre id="markup"></pre>

Upvotes: 5

Related Questions