javascript ile düğme metni ayarlama

Question

javascript ile bir düğme ayarlıyorum, ancak düğme metni göstermiyor.

Nasıl düzeltileceği konusunda herhangi bir öneriniz var mı?

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

Teşekkürler!

Answer 1

, çünkü value yerine innerHTML kullanmak eklemek istediğiniz 'button' türünü kendi içHTML'sinde ayarlar.

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 bu gibi görünüyor: Demo

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

:http://jsfiddle.net/CuXHm/

Answer 2

öğesinin değeri, görüntülenen metindir, bu, input türündeki düğme türüne ne olduğunun tersine.

Bunu yapabilirsin:

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

Demonstration

Answer 3

bir metin düğümü oluşturur ve düğme elemana ekler: Temelde

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

Answer 4

innerHTML ayarlayarak düğmenin metni ayarlayın

01 Neyin yanlış gittiğini gördü

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/