微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
最近更新
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

调用innerHTML之后onclick失效问题的解决方法_javascript技巧

php中文网
发布： 2016-05-16 17:02:02
原创
1869人浏览过

最近再写一个项目，用到了innerHTML，但是呢，发现调用innerHTML之后，onclick失效了，这也是在意料之中的，因为innerHTML是以文本形式插入的button，所以无法识别onclick事件，所我们只有另找出路了，我们不能直接实现，但是可以间接实现，下面就举个例子：

例子一：该例子是无法实现的onclick的

百度文心一格
百度文心一格

百度推出的AI绘画作图工具

百度文心一格 112
查看详情 百度文心一格
复制代码 代码如下:



上面的例子是，根据button的name判断是上线，还是下线~~~我们发现，当点击第一次之后，再点击就无效了~~~~~~

这时候我们可以变相的实现，如下：
复制代码 代码如下:


大家都在看：

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：setInterval与clearInterval的使用示例代码_jquery 下一篇：Jquery实现的一种常用高亮效果示例代码_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
HTML/JS/CSS 音乐播放器音频内容修改教程 本教程旨在指导用户如何修改基于HTML、JS和CSS构建的音乐播放器中的音频内容。文章详细阐述了通过编辑script.js文件中的music_list数组来添加或替换歌曲的步骤，包括媒体文件的准备、正确的路径配置以及代码修改的注意事项，确保用户能够轻松实现音乐内容的个性化管理。
2025-11-19 15:29:40
191
函数式JavaScript_Monad与Functor 在函数式编程中，JavaScript的Monad和Functor是两个核心概念，它们帮助我们以更优雅、可组合的方式处理副作用和嵌套计算。理解它们的关键在于掌握“函子”（Functor）是基础映射结构，而“单子”（Monad）是支持链式操作的增强版函子。Functor：可映射的容器Functor是一个拥有map方法的对象，它能将函数应用到内部值上，并返回一个新的同类型容器。最典型的例子是JavaScript中的数组：constarr=[1,2,3];constresult
2025-11-19 15:23:02
373
JavaScript实现基于金额目标的表格动态样式更新教程 本教程将详细介绍如何利用JavaScript和CSS，根据表格中设定的金额目标与当前总金额进行比较，动态更新表格行的背景颜色，并为已达成的目标添加视觉标记。通过清晰的HTML结构、模块化的CSS样式以及交互式的JavaScript逻辑，读者将学会如何构建一个响应式的数据展示表格，提升用户体验。
2025-11-19 15:09:22
601
解决 PDF.js Canvas 渲染模糊问题：提升文档清晰度指南 本文深入探讨使用PDF.js将PDF文档渲染到Canvas时出现模糊的问题。通过分析官方Viewer的渲染机制，我们发现关键在于精确计算Canvas尺寸并应用transform渲染参数。本教程将提供详细的解决方案和代码示例，指导开发者如何优化Canvas渲染，确保PDF内容在不同设备上呈现出清晰锐利的视觉效果。
2025-11-19 15:05:30
495
JavaScript 字符串截取：substring, substr 与 slice 的区别 slice最推荐，substring会转负数为0且交换参数，substr已废弃；三者参数及负数处理不同，优先用slice。
2025-11-19 14:43:02
917
基于数值和文本动态着色HTML表格：JavaScript与CSS实践教程 本教程详细介绍了如何利用JavaScript和CSS实现HTML表格的动态样式控制。通过解析表格中的数值和总金额，JavaScript能够根据预设条件为满足目标的表格行添加背景色，并插入视觉标记（如对勾），从而提升数据展示的直观性和用户体验。文章将涵盖HTML结构、CSS样式定义以及核心JavaScript逻辑。
2025-11-19 14:39:07
654
JavaScript国际化_多语言实现方案 答案是使用i18next或轻量级JSON方案实现国际化。中小型项目可用JSON文件加自定义加载逻辑，大型应用推荐i18next结合其插件生态与框架绑定，如react-i18next或vue-i18n，支持动态加载、多语言切换及持久化存储，提升维护性与扩展性。
2025-11-19 14:38:02
656
JavaScript_地理位置服务与地图集成 首先通过JavaScript的GeolocationAPI获取用户授权后的经纬度，再结合高德地图等SDK在页面中初始化地图并标记位置；需处理权限拒绝、定位超时等异常，建议通过按钮触发定位请求，并在HTTPS环境下部署以保障安全性和兼容性。
2025-11-19 14:27:27
916
事件委托_JS事件处理优化 事件委托通过事件冒泡将监听器绑定到父元素，统一处理子元素事件。例如为ul绑定click事件，通过判断e.target.nodeName===‘LI’来捕获li点击，减少重复绑定，节省内存，提升性能，支持动态添加元素，适用于列表、表格等大量子元素场景，但需注意非冒泡事件如focus需用focusin替代，并谨慎使用stopPropagation。
2025-11-19 14:23:02
568
JavaScript响应式编程_Observable数据流处理 响应式编程通过Observable实现对异步数据流的优雅处理，Observable作为可观察的数据流，支持多值推送、惰性执行与链式操作符，借助RxJS可在JavaScript中实现如防抖搜索、事件合并等复杂逻辑，广泛应用于Angular等框架中。
2025-11-19 13:59:02
359
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部