///// FORM ////
var form = document.getElementById("form");
form.setAttribute("style", "position: relative; margin-bottom: 5%;");
var newButton = document.createElement('button');
var newUl = document.createElement('ul');
var newLi = document.createElement('li');
var newInput = document.createElement('input');
form.appendChild(newButton);
newButton.setAttribute("style", "position: absolute; width: 15%; height: 40px; left: 42%; color: #B00000; background-color: white; font-size: 18px; border: 0px; ");
newButton.innerHTML = "Direct Message";
newButton.onClick = function() {
alert("works");
};
我的选择有问题吗?只是希望on.click能够处理我的按钮,这是newButton创建的元素。
答案 0 :(得分:2)
Javascript属性名称区分大小写,应为newButton.onclick
。
或者你可以进入现代并使用addEventListener
。
newButton.addEventListener("click", function() {
alert("works");
});
答案 1 :(得分:0)
两件事:
第一件事阻止按钮在点击时提交周围的<form>
。第二个将正确设置事件处理程序。
答案 2 :(得分:0)
此代码不起作用,因为语法不正确。
关于该事件的正确语法&#39;点击&#39;如下:
newButton.onclick = function(){
alert("works");
};
事件是在小写字母上写的。