调用innerHTML之后onclick失效问题的解决方法
2014-01-28 00:00
639 查看
最近再写一个项目,用到了innerHTML,但是呢,发现调用innerHTML之后,onclick失效了,这也是在意料之中的,因为innerHTML是以文本形式插入的button,所以无法识别onclick事件,所我们只有另找出路了,我们不能直接实现,但是可以间接实现,下面就举个例子:
例子一:该例子是无法实现的onclick的
上面的例子是,根据button的name判断是上线,还是下线~~~我们发现,当点击第一次之后,再点击就无效了~~~~~~
这时候我们可以变相的实现,如下:
例子一:该例子是无法实现的onclick的
<html> <head> <script defer> function insCell(th) var name=th.name; var id=th.id; if(name=="no"){ id.innerHTML="<input type='button' onclick='insCall(this)' value='上线' name='no' id='1'>"; }else{ id.innerHTML="<input type='button' onclick='insCall(this)' value='下线' name='yes' id='1'>"; } </script> </head> <body> <br /> <span id="msg"> <input type="button" onclick="insCall(this)" value="下线" name="yes" id="1"> </span> </body> </html>
上面的例子是,根据button的name判断是上线,还是下线~~~我们发现,当点击第一次之后,再点击就无效了~~~~~~
这时候我们可以变相的实现,如下:
<html> <head> <script defer> function insCell(th) { var name=th.name; var id=th.id; alert(name+"--"+id); var span=document.getElementById(id); if(name=="no"){ span.innerHTML="<input type='button' value='下线'>"; span.name="yes"; }else{ span.innerHTML="<input type='button' value='上线'>"; span.name="no"; } } </script> </head> <body> <br /> <span id="1" onclick="insCell(this)" name="no"> <input type="button" value="上线"> </span> </body> </html>
相关文章推荐
- 调用innerHTML之后onclick失效问题的解决方法
- 变相解决调用innerHTML之后,onclick失效的问题
- jquery动态改变onclick属性导致失效的问题解决方法
- jquery动态改变onclick属性导致失效的问题解决方法
- jquery动态改变onclick属性导致失效的问题解决方法
- jquery动态改变onclick属性导致失效的问题解决方法
- 解决JS无法调用Controller问题的方法
- Android调用系统图片裁剪限定尺寸及7.0照相问题的解决方法
- qtcpsocket调用write和read函数写数据乱码问题解决方法
- liferay-tomcat注册服务的方法和之后产生的乱码问题的解决办法
- Android之Activity结束(finish())之后没有释放内存问题的解决方法
- ios h5 app avalon tap点击事件失效及点击延迟300ms问题解决方法
- 关于调用strcpy()函数时总是报错问题,5种方法解决!
- 解决IE下trim()方法失效的问题
- GridView在分页(翻页)时filter(过虑,FilterExpression)失效问题的解决方法
- 关于调用startActivityForResult()方法后Activity直接退出的问题原因和解决办法
- 仿APiDemo使用ProgressDialog 并解决调用dismiss方法后没有对话框不消失的问题
- 解决android程序中oncreate方法中调用百度地图MKSearchListener接口不执行的问题
- 11.Cocos2dx2.2下使用JNI技术调用jar包里面的一些方法遇到的一些问题及解决方式。
- spring注解实现业务层事务管理,当业务层自调用时,事务失效问题解决