1

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

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

7 回答 7

1

你在这里被难住了。

var button = document.createElement('button');

尝试：

var button = document.createElement('input');
于 2013-07-04T13:26:38.380 回答
1

尝试使用一个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);

或者分配innerTextDOM 属性（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";
于 2013-07-04T13:27:21.630 回答
1

利用 ：

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

或者

button.innerHTML = 'Write';
于 2013-07-04T13:24:23.453 回答
1

尝试这个

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


document.getElementById("write_testi").appendChild(button);
于 2013-07-04T13:26:19.617 回答
0

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

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

button.appendChild(document.createTextNode('Write'));
于 2013-07-04T13:36:31.693 回答
0

尝试这个：

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。

于 2013-07-04T13:29:36.410 回答
0

尝试这个：

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函数里面。

于 2013-07-04T13:56:55.737 回答