JavaScriptを使用してボタンのテキストを設定する

Question

JavaScriptを使用してボタンを設定していますが、ボタンにはテキストが表示されません。

どのように修正することをお勧めしますか？

var b = document.createElement('button'); 
b.setAttribute('content', 'test content'); 
b.setAttribute('class', 'btn'); 
b.value = 'test value'; 

var wrapper = document.getElementById(divWrapper); 
wrapper.appendChild(b); 

ありがとうございます！

Answer 1

は、ので、代わりに価値のinnerHTMLプロパティを使用します追加している 'ボタン'タイプはinnerHTMLに値を設定します。

JS：

var b = document.createElement('button'); 
b.setAttribute('content', 'test content'); 
b.setAttribute('class', 'btn'); 
b.innerHTML = 'test value'; 

var wrapper = document.getElementById("divWrapper"); 
wrapper.appendChild(b); 

はDOMに次のようになります。デモ

<div id="divWrapper"> 
    <button content="test content" class="btn">test value</button> 
</div> 

：http://jsfiddle.net/CuXHm/

Answer 2

button要素の値は表示されたテキストではなく、inputボタンの要素とは異なります。

あなたはこれを行うことができます。

b.appendChild(document.createTextNode('test value')); 

Demonstration

Answer 3

テキストノードを作成して、ボタン要素にそれを追加します。基本的には

var t = document.createTextNode("test content"); 
b.appendChild(t); 

Answer 4

は、innerHTMLプロパティを設定することで、ボタンのテキストを設定します。

01私は何が悪かったのかを見

var b = document.createElement('button'); 
b.setAttribute('content', 'test content'); 
b.setAttribute('class', 'btn'); 
b.innerHTML = 'test value'; 

var wrapper = document.getElementById('divWrapper'); 
wrapper.appendChild(b); 

http://jsfiddle.net/jUVpE/