如何让这段插入的innerHTML 里动态赋予的函数跑起来!
16lz
2021-01-22
<BODY>
<inputtype="button"onclick="show();"value="Click"/>
<divid="div1">
</div>
<divid="div2">
<ul>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
</ul>
</div>
<script>
function$(obj){
returndocument.getElementById(obj);
}
functionshow(){
$("div1").innerHTML=$("div2").innerHTML;//填充到div1
bindEvt($("div2"));
}
functionbindEvt(obj){
varlis=obj.getElementsByTagName("li");
for(vari=0;i<lis.length;i++){
//alert(lis[i].innerHTML);
lis[i].onclick=function(){//给innerHTML的Li绑定事件但是不运行,怎么让它运行起来呢
alert(lis[i].innerHTML);
}
}
}
</script>
</BODY>
<BODY>
<inputtype="button"onclick="show();"value="Click"/>
<divid="div1">
</div>
<divid="div2">
<ul>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
</ul>
</div>
<script>
function$(obj){
returndocument.getElementById(obj);
}
functionshow(){
$("div1").innerHTML=$("div2").innerHTML;//填充到div1
bindEvt($("div2"));
}
functionbindEvt(obj){
varlis=obj.getElementsByTagName("li");
for(vari=0;i<lis.length;i++){
//alert(lis[i].innerHTML);
lis[i].onclick=function(){//给innerHTML的Li绑定事件但是不运行,怎么让它运行起来呢
alert(this.innerHTML);
}
}
}
</script>
</BODY>
<inputtype="button"onclick="show();"value="Click"/>
<divid="div1">
</div>
<divid="div2">
<ul>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
</ul>
</div>
<script>
function$(obj){
returndocument.getElementById(obj);
}
functionshow(){
$("div1").innerHTML=$("div2").innerHTML;//填充到div1
bindEvt($("div2"));
}
functionbindEvt(obj){
varlis=obj.getElementsByTagName("li");
for(vari=0;i<lis.length;i++){
//alert(lis[i].innerHTML);
lis[i].onclick=function(){//给innerHTML的Li绑定事件但是不运行,怎么让它运行起来呢
alert(lis[i].innerHTML);
}
}
}
</script>
</BODY>
6 个解决方案
#1
<BODY>
<inputtype="button"onclick="show();"value="Click"/>
<divid="div1">
</div>
<divid="div2">
<ul>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
</ul>
</div>
<script>
function$(obj){
returndocument.getElementById(obj);
}
functionshow(){
$("div1").innerHTML=$("div2").innerHTML;//填充到div1
bindEvt($("div2"));
}
functionbindEvt(obj){
varlis=obj.getElementsByTagName("li");
for(vari=0;i<lis.length;i++){
//alert(lis[i].innerHTML);
lis[i].onclick=function(){//给innerHTML的Li绑定事件但是不运行,怎么让它运行起来呢
alert(this.innerHTML);
}
}
}
</script>
</BODY>
更多相关文章
- KeyPress或KeyDown事件没有得到html元素的buind
- 通过html5 touch事件封装手势识别组件
- HTML5移动开发技术要点总结及各事件含义
- HTML5晃动DeviceMotionEvent事件
- PHPCMS V9 的手机门户wap绑定单页面
- Laravel 5 PDO绑定变量数与令牌数不匹配
- 通过SSH将MySQL绑定到本地端口——在控制台工作,而不是通过Mac OS
- 用一个听众听多个事件?
- 如何通过mysql查询获得具有不同时区的事件的日,小时,分钟,秒