javascript - onclick 不称为 html 按钮

Question

我无法触发 onclick。我已阅读文档和其他几篇文章，但似乎没有任何帮助。有任何想法吗？谢谢

    var inputDiv=document.createElement("div")
    inputDiv.className="form-grooup"

    var input=document.createElement("input")
    input.id="inputCommentField"
    input.class="form-contrrol"
    input.type="text"
    input.placeholder="Comments are anonymous"
    inputDiv.appendChild(input)

    actionDiv.appendChild(inputDiv)

    var commentButton=document.createElement("button")
    commentButton.id="sendButton"
    <!--    commentButton.type="button"-->
    commentButton.innerHTML="Reply"
    commentButton.onclick="comment();"
    inputDiv.appendChild(commentButton)

    var clearDiv=document.createElement("ul")
    actionDiv.appendChild(clearDiv)
    clearDiv.style="clear:both;"

comment()的定义:

   function comment() {alert("you commented!")}

Answer 1

设置 onclick DOM 元素属性时，它采用函数引用，而不是字符串。 HTML 属性采用一个字符串——这是单独的。

commentButton.onclick=comment;

像这样，我们通过引用 onclick 传递 comment 函数，这应该可以工作。

另外:

input.class="form-contrrol"

应该是input.className。

还有

<!--    commentButton.type="button"-->

这是 JavaScript 中的 HTML 注释。修复它。

//  commentButton.type="button"