通過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設置按鈕的文本

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/