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

Question

您好，我得到了HTMLButtonElement 对象， 因为var btn = document.createElement('button');这是正常行为，但如何才能将普通按钮作为图形而不是对象获取？IE<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>