如何使用onclick方法？

Question

我用javascript制作了窗口对象。 我想向Windows对象添加一些功能。 但是.onclick，.setattribute和.addEventListener不适用于我的对象。 当我给出css或javascript的值时，即使鼠标光标也无法更改。 它在我来源的499行上。 你能告诉我为什么这些都不起作用吗？ 我应该改变语言吗？ 是虫子吗？

function seSizeValue(theNumOfWins,outlayerId){
        var seSizeValue;
        var seSizeValueId;
        seSizeValueId = "seSizeValueId" + theNumOfWins;
        seSizeValue = document.createElement("div");
        document.getElementById(outlayerId).appendChild(seSizeValue);
        seSizeValue.setAttribute("id",seSizeValueId);
        document.getElementById(seSizeValueId).setAttribute("class","seSizeValueCSS");
        document.getElementById(seSizeValueId).onclick = function(event) {seSizeChange();};

        return seSizeValueId;
    }

“”“ document.getElementById（seSizeValueId）.onclick = function（event）{seSizeChange（）;};”“”

这条线不起作用。 我已经尝试更改“ .setattribute”和“ .addEventListener”。

没有错误。 但这行不通。

https://drive.google.com/file/d/0B4p8lZSEMXcqN0FzQTkyVW8wRGc/view

这是我的全部资料。

它不适用于我的资源。

我应该使用jQuery吗？

Answer 1

我认为是这样，将窗口引用保存在带有这样的句子的变量中

var new_window = window.open

是直接使用javascript与On（）方法一起使用jquery的DOM子元素中的可能的ser手动事件。

我对此不确定，但我建议一个可行的解决方案。

Answer 2

没有定义为“ seSizeChange”的函数，因此在触发onclick事件时，它将运行一个不存在的函数。

另外，当您调用此“ seSizeValue”函数时，是否在将指定的元素加载到文档之后调用它？

否则，代码将无法找到指定的元素。

Answer 3

 document.getElementById(seSizeValueId).onclick = function(event) {seSizeChange();};

肯定是错的。

参见http://jsfiddle.net/2txugfq5/

除了未定义“ seSizeChange”的事实外，其他所有东西都在起作用。

Answer 4

约翰说得很对。

看到这里http://jsfiddle.net/hqw7ocwj/2/ ，可以正常工作。 除了以下方面，您的代码中的任何重要内容都没有更改：

$(document).ready(function() {});

和：

function seSizeChange() {
    alert("seSizeChange method fired.");
}

要点：1.确保仅在DOM准备就绪后才调用JavaScript：$（document）.ready（function {}）; 2.确保已定义onclick所引用的函数中的方法。