Question

按钮的名称未显示... 这是代码：

var button = document.createElement('button');
button.setAttribute('name','write');
button.setAttribute('class','ui-button_S40button');  
button.setAttribute('style','width: 100px;');
button.setAttribute('value','Write');  
document.getElementById("write_testi").appendChild(button);

Answer 1

使用：

 button.setAttribute('text','Write');

或

button.innerHTML = 'Write';

Answer 2

试试这个

  var  button = document.createElement('input');
          button.type = 'button';
          button.value = 'Write';
          button.id ='Write';
          .........................
          .........................


document.getElementById("write_testi").appendChild(button);

Answer 3

尝试使用input元素（请参阅jsFiddle）：

var button = document.createElement('input');
button.setAttribute('name', 'write');
button.setAttribute('type', 'button');
button.setAttribute('class', 'ui-button_S40button');
button.setAttribute('style', 'width: 100px;');
button.setAttribute('value', 'Write');
document.getElementById("write_testi").appendChild(button);

或指定innerText DOM属性（demo）：

var button = document.createElement('button');
button.setAttribute('type', 'button');
button.setAttribute('name', 'write');
button.setAttribute('class', 'ui-button_S40button');
button.setAttribute('style', 'width: 100px;');
document.getElementById("write_testi").appendChild(button);
button.innerText="Write";

Answer 4

试试这个：

var button = document.createElement('button');
    button.className = 'ui-button_S40button';
    button.style.width = '100px';
    button.innerHTML = 'Write';
    button.value = 'Write';
    button.name = 'Write';

document.getElementById("write_testi").appendChild(button);

请参阅jsFiddle。

Answer 5

其他答案建议切换到<input>（不同的 Node ）或使用innerHTML（与目前为止纯粹使用DOM方法有所不同）。

您可以在纯DOM方法中执行此操作，如下所示。

button.appendChild(document.createTextNode('Write'));

Answer 6

试试这个：

function insertButton() {
    var button = document.createElement('input');
    button.type = 'button';
    button.setAttribute('name','write');
    button.setAttribute('class','ui-button_S40button');  
    button.setAttribute('style','width: 100px;');
    button.setAttribute('value','Write');  
    document.getElementById("write_testi").appendChild(button);
}

window.onload = insertButton;

确保write_testi是div

如果您有现有功能，请致电window.onload，将代码置于insertButton内。

在JavaScript中动态创建一个按钮

6 个答案: