您的位置:首页 > Web前端 > JavaScript

春节前小结

2017-01-20 13:38 183 查看
打开博客,原本想写篇文章,才发现写作一直不是我的强项。

但还是硬着头皮‘’刚‘’到底。数数算算距离春节还有几天,虽然明天就要启程回家,实习第一年,也是有史以来春节回家最晚的一次了。想着家里都在过小年了。就像立刻跑回去。

没办法。只能在这唠叨俩句。春节的假真的放的太晚了。

明天回家明天回家明天回家,重要的事情说三遍。

就这么多了。

先谈谈项目里面的情况:今天用js写了个创建标签的函数。当然创建的东东有点多单选,按钮什么的,创建好以后发现 单选事件和按钮的单击事件都不可以用,麻烦了。度娘了一下用jq的on调用,发现还是不行,最后才发现是创建过程中数组忘记push新创建的元素。导致后面的单击事件和change事件的循环无法执行。进而没有得到想要的结果。(看不懂勿怪)

最后附上菜鸟的js动态获取事件的代码。毕竟搞了半天。 (function(){
var list=[{id:1,mc:12},{id:2,mc:24},{id:3,mc:20},{id:4,mc:29}];
var addLi=document.getElementById('addLi');
var btn=document.getElementById('add');
function add(str){
var oli=document.createElement("li");
var oradio=document.createElement("input");
var ospan=document.createElement("span");
var oA=document.createElement("a");
oA.id='edit';
oA.innerHTML='编辑';
oradio.type="radio";
oradio.id='eg';
oradio.name = "eg";
oradio.value =list.length;
ospan.innerHTML=" "+str;
oli.appendChild(ospan);
oli.appendChild(oradio);
oli.appendChild(oA);
addLi.prepend(oli);
var edit=document.getElementById('edit');
edit.onclick=function(){
console.log('123');
}
}
btn.onclick=function(){
add(list[3].mc);
}
})();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js html 动态创建事件