Question

///// 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创建的元素。

Answer 1

Javascript属性名称区分大小写，应为newButton.onclick。

或者你可以进入现代并使用addEventListener。

newButton.addEventListener("click", function() {
    alert("works");
});

Answer 2

两件事：

您需要设置＆＃34;类型＆＃34;按钮的属性为＆＃34;按钮＆＃34;;
它＆＃34; onclick＆＃34;，not＆＃34; onClick＆＃34;

第一件事阻止按钮在点击时提交周围的<form>。第二个将正确设置事件处理程序。

Answer 3

此代码不起作用，因为语法不正确。

关于该事件的正确语法＆＃39;点击＆＃39;如下：

newButton.onclick = function(){
 alert("works");
};

事件是在小写字母上写的。

为什么不这样。点击事件不起作用

3 个答案: