button.valueはボタンのテキスト値を変更していません

Question

私はこのコードをジャバスクリプトに持っています。これは、ボタンを作成し、onclickの機能を持っていますが、.VALUEは

var button = document.createElement("button"); 
button.value = "+"; 
button.onclick = addBox; 
document.getElementById("section").appendChild(button); 

Answer 1

ないvalueしかしtextContent動作しません。値を使用する場合は、<input type="button" />を使用する必要があります。 ButtonのテキストはtextContentです。

なぜtextContentであり、innerHTMLでないと、textContentが高速であるため、htmlに解析しようとしません。タイプと入力の場合

var button = document.createElement("button"); 
 
button.textContent = "+"; 
 
document.getElementById("section").appendChild(button);

<div id="section"> 
 
    
 
</div>

=ボタン

var button = document.createElement("input"); 
 
button.type = "button" 
 
button.value = "+"; 
 
document.getElementById("section").appendChild(button);

<div id="section"> 
 
    
 
</div>