Ustawianie tekstu przycisku za pomocą javascript

Question

Ustawiam przycisk za pomocą javascript, ale przycisk nie wyświetla tekstu.

Jakieś zalecenie, jak to naprawić?

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); 

Dzięki!

Answer 1

Zasadniczo wykorzystać innerHTML zamiast wartości, ponieważ "button" typu, do którego dodajesz zestawy, jest wartością w 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); 

Wygląda to w DOM:

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

Demo:http://jsfiddle.net/CuXHm/

Answer 2

Wartość elementu button nie jest wyświetlanym tekstem, w przeciwieństwie do tego, co dzieje się z input elementami przycisku typu.

Można to zrobić:

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

Demonstration

Answer 3

Utwórz węzeł tekstowy i dołączyć go do elementu przycisku:

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

Answer 4

ustawić tekst przycisku ustawiając 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/