这次实现模块的时候,遇到一些问题,需要用创建元素来实现:
遇到一个比较棘手的问题就是关于新建对象的onClick属性如何设置
一开始代码如下:
- function appendText()
- {
- var txt3=document.createElement("input"); // 以 DOM 创建新元素
- txt3.type="button";
- txt3.value="tianjia";
- txt3.onclick="alert('nihao')";
- $("p").append(txt1,txt2,txt3); // 追加新元素
- }
- </script>
我天真的以为会蹦出一个对话框跟我说nihao。结果没有
后来想在网上搜,没搜到什么。于是在逛论坛的时候遇到一丝线索:
可以用两种方法:
- //这是第一种方法
- txt3.onclick=new Function("alert('nihao')")//这里的new可要可不要
- //这是第二种方法
- txt3.setAttribute("onclick", "javascript:alert('nihao');");
以上就能实现在新插入的对象中实现onclick事件