用于创建按参数接收“文本”和“onclick功能”的按钮的功能

时间:2015-06-27 18:45:02

标签: javascript html

我想做我在标题中所说的话。 我试过这个:

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

但它不起作用:/

任何?

1 个答案:

答案 0 :(得分:3)

您需要设置按钮的样式,而不是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'); }