变相解决调用innerHTML之后,onclick失效的问题
来源:互联网 发布:万能导航端口检测工具 编辑:程序博客网 时间:2024/05/17 06:44
最近再写一个项目,用到了innerHTML,但是呢,发现调用innerHTML之后,onclick失效了,这也是在意料之中的,因为innerHTML是以文本形式插入的button,所以无法识别onclick事件,所我们只有另找出路了,我们不能直接实现,但是可以间接实现,下面就举个例子:
例子一:该例子是无法实现的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>
这样就可以了~~~~
大家可以试一下~~
0 0
- 变相解决调用innerHTML之后,onclick失效的问题
- innerHTML中onclick()无法执行的解决
- IE onclick事件失效的解决
- IE7下onclick事件失效的问题
- 解决更新 Xcode 之后, 插件失效问题
- 解决不论是layoutinflute还是listview的addView调用之后导致子布局的match失效
- 解决FMS服务器端脚本 LoadVars.sendAndLoad() 调用失效的问题
- 解决ViewPager和PagerAdapter中调用notifyDataSetChanged失效的问题
- LinearLayout onClick方法失效问题。。。
- Xcode更新之后插件失效的问题
- sql server 解决union all之后 order by失效的问题
- Android中解决破解签名验证之后导致的登录授权失效问题
- 解决tomcat服务器重启之后session不失效的问题
- [ jQuery] jquery动态改变onclick属性失效的问题!
- LinearLayout嵌套RecycleView后无法点击,onClick失效的问题
- onclick和innerHTML的用法小实例
- 解决session失效的问题
- 解决overridePendingTransition失效的问题
- 敢偷用我的WiFi? 看我怎么治你
- 后序遍历非递归3种算法
- 同步代码块,同步函数,静态同步函数的锁对象
- C指针原理(76)-垃圾收集
- ORA-01841: (完整) 年份值必须介于 -4713 和 +9999 之间, 且不为 0
- 变相解决调用innerHTML之后,onclick失效的问题
- C89和C99标准比较
- Atheer One智能眼镜将问世 支持3D内容与连接Android设备
- 软件工程的核心——软件工程的文档
- python标准库fileinput模块学习
- 使用((ParameterizedType) getClass().getGenericSuperclass()).getActualTypeArguments()[0]的实例
- ubuntu 12.04(64位)使用软件源安装swftools
- Java学习从菜鸟变大鸟之一 hashCode()和equals()的本质区别和联系
- 我与WIFI宝的一段奇缘