2016-04-12 9 views
1

こんにちは私はオブジェクトHTMLButtonElement var btn = document.createElement('button');のためこれは正常な動作です しかし、私はオブジェクトの代わりにグラフィックとして通常のボタンを得ることができますか? すなわち<button type="button">オブジェクトHTMLButtonElementをhtmlボタンに変換するにはどうすればよいですか?

文字列に変換するオブジェクトが好きですが、この場合は にオブジェクトがありますか? DOM内

+2

ようappendChild()を使用してツリーにボタンインスタンスを追加することができますか?それをHTMLなどに変換する必要がありますか?しかし、通常はオブジェクトを使うことができます。 –

+0

私はどのような小道具を使用することができますボタンを表示したいですか? – Grisza

+0

ボタンのHTMLマークアップを取得したい場合は、 'btn.outerHTML' –

答えて

2

Buttonはあなたが[object HTMLButtonElement]を得ているあなたは(toString()を呼び出す)文字列に変換しようとすると、その理由がある、HTMLButtonElementオブジェクトのインスタンスとして格納されます。

ビュー(DOMツリー)にボタンを追加したいので、あなただけのオブジェクトと間違って何

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>

+0

すばらしい答えありがとう! – Grisza

関連する問題