【问题标题】:Javascript: creating divsJavascript:创建 div
【发布时间】:2014-04-20 06:40:08
【问题描述】:

我正在尝试制作 javascript 应用程序,用户可以在其中输入她/他想要制作的 cookie 类型,然后选择他们想要的 cookie 数量。一旦用户做出此选择并按下“烘焙”按钮,cookie 就会随机出现在页面中。有一次我有一个任务,我必须在页面上生成随机 div,它给了我这个想法,这只是为了好玩和练习。

我的问题是我希望用户能够通过点击它们来获得有关他/她创建的 cookie 的唯一信息,但我无法让它工作。

【问题讨论】:

    标签: javascript object dom methods onclicklistener


    【解决方案1】:

    (1) 点击事件未正确定义:

     aCookie.onlclick = cookie.display(); 
    
     // typing error onlclick
    
     // cookie.display() actually it call display function, doesn't give  reference
    

    改为:

      aCookie.onclick = cookie.display; 
    

    (2) 为输入框设置 id "kind"

    (3) 当前代码集属性(id、种类、x、y)到 Cookie 的实例,而不是元素。 更改代码,使元素成为参数并为其设置属性。

    //pass element to set properties
    function Cookie(elem,id, kind, x, y) {
    
        elem.id = id;
        elem.kind = kind;
        elem.x = x;
        elem.y = y;
    
        this.display = function () {
            alert("Cookie number: " + this.id + "; is a: " + this.kind + "; cookie : " +
                " and it is situated on coordinates ;  " + this.y + " and " + this.x + " on the cookie pan");
        }
    }
    

    小提琴:http://jsfiddle.net/aslancods/CzgLj/

    【讨论】:

    • 您好,感谢您的回答。我仍然无法让它工作。 id="kind" 未设置为 input[type="text"] 是什么意思?
    • 您没有将该 id 提供给输入标签的种类 id,您用于获取 cookie 类型的输入标签,例如。奥利奥
    • 嗨,阿斯兰。谢谢您的帮助。问题是,当我在屏幕上单击其中一个生成的 cookie 时,警报框会显示: Cookie number: ;是一个:未定义; cookie:它位于坐标上;饼干盘上的未定义和未定义。我希望警报框显示被点击的每个 cookie 的种类、id 号以及 x 和 y 坐标。不过感谢您的帮助。
    • 对不起,我没有看到那个问题:我已经解决了,请检查 ::jsfiddle.net/aslancods/CzgLj
    猜你喜欢
    • 2014-04-08
    • 2010-12-24
    • 2014-04-01
    • 1970-01-01
    • 1970-01-01
    • 2013-09-29
    • 2019-11-28
    • 1970-01-01
    • 2013-03-06
    相关资源
    最近更新 更多