如何将对象HTMLButtonElement转换为html按钮？

Question

您好我对象HTMLButtonElement 由于var btn = document.createElement('button');这是正常行为 但是如何将普通按钮作为图形而不是对象？ 即<button type="button">

就像将对象转换为字符串一样，但在这种情况下 反对什么？

Answer 1

在dom中，Button被存储为HTMLButtonElement对象的实例，这就是为什么当您尝试将其转换为字符串（调用toString()）时，您将获得[object HTMLButtonElement] }。

由于您要将按钮添加到视图（dom树），您只需使用appendChild()将按钮实例附加到树中

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>