javascript使用onclick创建一个按钮

标签 javascript dom createelement

我正在尝试使用 javascript 创建一个按钮,该按钮具有一个 onclick 事件,该事件调用一个在头部定义的函数,该函数接受一个与按钮相关的 dom 对象作为参数。我该怎么做?

例如:

<html>
<head> <script>function blah(obj){alert(obj.value)}</script></head>
<body>
<button onclick="blah(this.parentNode.value);"></button>
</body>
</html>

JavaScript:

var newButton = document.createElement("button");
???

最后我希望新按钮与现有按钮相同。

最佳答案

function createButton(context, func) {
    var button = document.createElement("input");
    button.type = "button";
    button.value = "im a button";
    button.onclick = func;
    context.appendChild(button);
}

window.onload = function() {
    createButton(document.body, function() {
        highlight(this.parentNode.childNodes[1]);
        // Example of different context, copied function etc
        // createButton(this.parentNode, this.onclick);
    });
};

这是你想要的吗?

关于javascript使用onclick创建一个按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8650975/

相关文章:

javascript - 在 JavaScript 对象构造函数中不使用 this 有什么缺点吗?

javascript - 如何控制子元素的垂直间距?

jquery - 查找内部包含文本和其他 dom 元素的 dom 元素

javascript - 使用纯 JS 创建具有 id 和样式的元素

javascript - 通过 javascript 使用多个 H1 标题

javascript - Navigator.plugins不显示所有插件

javascript - 如何在两个单元格之间的 Canvas 线上动态绘制图像

javascript - 创建不滚动的元素

javascript - 使用 DOM 在字母中拆分单词的最佳方法

PHP DOM Xpath 获取图像