javascript - 函数创建通过参数接收 “text”和 “onclick function”的按钮

我想做标题中所说的。
我尝试了这个:

function createButton(func, text){
    var butt = document.createElement('BUTTON');
    var btTxt = document.createTextNode(text);
    btTxt.style.color = '#006633';
    btTxt.style.fontWeight = 'bold';
    butt.onclick = func;
    butt.appendChild(btTxt);
    butt.style.margin = '5px';
    document.body.appendChild(butt);
}

还有这个:

createButton(doSomething, click to do something);

但这不起作用:/

任何人？

最佳答案

您需要设置按钮的样式，而不是TextNode对象:

function createButton(func, text) {
    var butt = document.createElement('BUTTON');
    var btTxt = document.createTextNode(text);
    butt.style.color = '#006633';
    butt.style.fontWeight = 'bold';
    butt.onclick = func;
    butt.appendChild(btTxt);
    butt.style.margin = '5px';
    document.body.appendChild(butt);
}

createButton(doSomething, 'click to do something');

function doSomething() { alert('Hello'); }