首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

为什么我的‘`onclick`’不能工作,而其他的东西却可以工作?

onclick 是一个 HTML 属性,用于指定当用户点击某个元素时要执行的 JavaScript 代码。如果你的 onclick 不能工作,可能有以下几个原因:

  1. 元素不存在或未正确绑定事件:首先要确保你的元素存在于页面中,并且正确地绑定了 onclick 事件。你可以通过检查元素的 ID 或类名来确认是否正确选择了元素,并使用 addEventListener 或直接在 HTML 中添加 onclick 属性来绑定事件。
  2. JavaScript 代码错误:检查你的 JavaScript 代码是否存在语法错误或逻辑错误。可以使用浏览器的开发者工具(如 Chrome 的开发者工具)来查看控制台是否有报错信息。
  3. 其他事件或代码干扰:可能存在其他事件或代码与 onclick 冲突或干扰。你可以尝试使用 console.log 来调试代码,确认是否有其他事件或代码在点击时被触发。
  4. 元素属性被覆盖或修改:某些情况下,其他 JavaScript 代码可能会修改或覆盖元素的 onclick 属性。你可以通过在代码中添加 console.log 来检查 onclick 属性的值是否正确。

总结起来,要解决 onclick 不能工作的问题,你需要确保元素存在且正确绑定了事件,检查 JavaScript 代码是否正确,排除其他事件或代码的干扰,并确保元素的属性没有被修改或覆盖。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

国外程序猿可以工作到退休国内为什么这么短命

领导想让他给其他同时培训一下如何使用这个工具,提高大家工作效率。 这个工具是他智慧结晶,汗水付出和能力体现。他应该饱受嘉奖,升职加薪。是的,故事确实按照这个方向发展。 STOP!...所谓虚幻,指的是别人通过自身经验创造出模块化工具,使用者你用乐此不疲。所谓现实,指的是你无法使用自身经验同样创造出相同东西。 这些工具确实是能倍速改善工作效率,但是,这是一种假象。...通过与他沟通,我们可以了解工具出现逻辑是什么。编程不懂没关系,可以去学,可以交给外包,这都不是重点,关键是要把握他思想,如何将重复事情模块化具象思维,这才是我们需要深度去了解和思考东西。...为什么我们想不到,而他想到并付出行动?想这个问题,我们应该好好去思考一番。 其次,通过深度思考,将这套流程化思维内化,嫁接到自己工作中去。换句话说,通过别人模块化工具建立自己模块化工具。...在享受它带来高效时,也请时刻思考,如果没有它,还能怎么办?是否还有其他途径?是否自己可以尝试去做一个不同工具? 搭建自己模块化平台,让别人去喝彩吧!这才是我们真正需要做事情。

57700

工作消失面试长存算法与数据结构

工作消失面试长存算法与数据结构: 优秀算法和数据结构被封装到了Java集合框架之中 数据结构考点: 数组和链表区别 链表操作,如反转,链表环路检测,双向链表,循环链表相关操作; 队列,栈应用...; 二叉树遍历方式及其递归和非递归实现 红黑树旋转 算法考点: 内部排序:递归排序、交换排序(冒泡、快排)、选择排序、插入排序; 外部排序:应掌握如何利用有限内存配合海量外部存储来处理超大数据集...,写不出来也要有相关思路 考点扩展: 哪些排序是不稳定,稳定意味着什么 不同数据集,各种排序最好或最差情况 如何优化算法

33231
  • 在阿里工作这段时间里,都学到了哪些东西

    来阿里也已经四个多月了,这段时间你学了很多东西,简单说起来,就是一个走出舒适区过程,从一开始新手入门,到逐渐熟悉业务和技术,再到慢慢适应环境,胜任工作。...总体来说,这几个月还是学到了很多东西,感觉成长很快,但同时工作压力也非常大。总体来说,归纳几个点吧。 第一点:就是阿里技术。...在没有正式工作之前,对职场理解还停留在实习阶段,实习相对正式工作来说,比较轻松,生活和工作压力也没那么大,所以可能在实习阶段也比较散漫,没有特别努力认真,现在想想还真应该反思一下实习时候状态,...,关键时刻需要你时候绝不能掉链子。...在阿里,没有人可以随随便便地应付工作。每个人都要精益求精,否则就有很可能会被淘汰。

    38740

    程序员,你为何工作为什么工作把自己当成一个企业别矫情,无效努力没毛线用小结

    为什么工作 "你为什么工作?“ "这不废话吗?工作你养我啊?工作就是为了赚钱养家,要不是出于经济压力,才懒得工作”? 谈起工作价值这个话题,很多人都会觉得很无聊。...在职业生涯中,很多人犯最大错误就是:把工作当成一种卖身行为。公司用每个月薪资收买工作时间,工作全部价值就是公司给予薪资。...因为工作内容固然是属于公司,但工作能力是属于自己,职业生涯是属于自己。 你,是在为自己工作。 ? 为什么工作 把自己当成一个企业 必须将自己当成一个企业,而将公司当成你客户。...看到这里时,第一感觉是:这姑娘电脑技能实在太差了。甚至可以说,连基本电脑办公常识都不懂。怎么可能做80页ppt都不保存?即使软件没有设置自动保存,任何一个有经验白领,都会手动保存习惯。...稍微用心的人,肯定能找到高效操作方法。甚至可以将很多工作都写成自动化脚本,能让程序完成事就不要浪费自己时间。 关于高效工作,有以下几点建议: 宁花程序一分,不浪费程序员一秒。

    54660

    为什么要拒绝梦寐以求数据科学家工作

    作者: Admond Lee 编译: Mika 本文为 CDA 数据分析师原创作品,转载需授权 在深入探讨这个问题前,让我们退后一步,先试着回答另一个问题:为什么要成为数据科学家?...最近IBM预计,到2020年数据科学家市场需求将飙升28%。 这些吸引人就业前景也让许多人投入数据科学领域。 那么你肯定会想知道:为什么要拒绝一份数据科学家工作呢?...选择工作性质不是职位名称 令我惊讶是,职位描述中提到70%工作要求并不在实际工作范围内。 ? 工作是为不同公司构建用于可视化仪表板,当中无需进行数据分析。...这份工作描述更加明确,实际工作范围也符合想做事情。 记得之前提到,大多数求职者所面临职位名称与工作性质之间两难选择吗?最终选择了后者。 结语 ?...直到现在,尽管会面临挑战和障碍,仍然享受着学习过程。如果每天都学习新东西,每天都将不同。 谢谢阅读本文。

    93430

    工作4年,走了太多弯路,可以说毫无职业规划

    每天朝九晚五,认真完成领导交代每一项工作,遇到困难就虚心向同事和前辈或者领导请教,问题都能迎刃而解。 除掉分内工作之外,也主动承担其他工作:年会策划,信息统计,团建组织等。...而我自己却没有可以发力点,做了很多工作,也做很多,但换成随便一个人都能做好。 开始了焦虑和恐慌,也有不想比别人差不甘。...当我感受到自己成长之后,还想要成就感,这是当前工作不能获得,原因在于公司业务不稳定,我们通常在一个月时间里业务方向改变几次,也就意味着刚上线产品没得来及推就被替换了。...长期以往带来感受是:自己就是个工具人,也会产生自我怀疑,没有获得感,找不到自己价值。 在平台环境不能改变情况下,只能往自己身上找出路。...跳槽就最佳路径,尤其是领导给我加薪并告诉说:你完全可以自己做产品了,可以自己独挡一面,建议去大厂增加背书。

    28410

    应届本科生感叹:如此优秀,找不到一份机器人相关工作

    有学生在知乎上感叹:为什么一个应届本科生想找一个机器人相关工作鲜有公司,为什么这么难?...可以是短板,涉及能力差,但不能不懂,你要有能力和团队中相关人员充分交流并给出适当意见(比如有些问题硬件期望算法解决,算法则要能够知道,如果加装某些传感器则可以大幅减少工作。)...结果答了一份试题,连轴承,减速箱这些东西都不认识(现在认识了是因为现在工作一直在接触机械这块)。最后也表现出好强个性,有很强学习能力,最终这个公司还是没有亲睐。...结论 最后总结了失败原因,过去两年学东西不多,没有伺服操作经验,没有高级语言开发经验,对机械认识仅仅停留在电机上面。...如有新补充,日后将再更新另外通篇所说都是工业机器人领域,觉得按照题主想法,工业机器人也只是认为你可以涉及一个工作方向。机器人行业也有很多划分

    1.1K60

    用思维模型去理解 React

    当我开始阅读文章并尝试一些东西(并多次破坏服务器配置)时,就开始掌握这种系统来了解它工作方式,直到最终它被建立。头脑围绕该系统建立了一个思维模型,可以用来与之合作。...想像它是一个盒子,它可以防止里面的东西溢出,同时又允许它外面的东西进入,就像一个半透水盒子。但是溢出到哪里呢?...用思维模型来讲:想象函数是作为盒子中盒子,每个较小盒子都可以看到外部盒子或父级盒子信息,但是大盒子看不到较小盒子信息。这就是所能做关于闭包简单准确解释。 ?...React 组件基本表示 这些盒子是半渗透性,这意味着它们从不会把任何东西泄漏到外部,但是可以使用来自外部信息,就像属于它们自己一样。想像这代表闭包在 JavaScript 中工作方式。...换句话说,子组件可以访问其父组件数据和状态,但不能反过来,而我们通过 prop 共享信息。 想像这种有方向信息共享是盒子内部盒子。最里面的盒子能够吸收父母数据。 ?

    2.4K20

    第六篇:React-Hooks 设计动机与工作模式(上)

    读者中,不少人在“What”和“How”这两个环节做得都不错,但是疏于钻研背后“Why”。...类组件中可以获取到实例化后 this,并基于这个 this 做各种各样事情,函数组件不可以; 单就我们列出这几点里面,频繁出现了“类组件可以 xxx,函数组件不可以 xxx”,这是否就意味着类组件比函数组件更好呢...但在反复思考过后现在,更希望引导读者们去认知到这样一件事情——类组件和函数组件之间,纵有千差万别,但最不能够被我们忽视掉,是心智模式层面的差异,是面向对象和函数式编程这两套不同设计思想之间差异...作为开发者,我们编写是声明式代码, React 框架主要工作,就是及时地把声明式代码转换为命令式 DOM 操作,把数据层面的描述映射到用户可见 UI 变化中去。...这就意味着从原则上来讲,React 数据应该总是紧紧地和渲染绑定在一起类组件做不到这一点。 为什么类组件做不到?

    61420

    快速了解 React Hooks 原理

    为了保证可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 我们大部分 React 类组件可以保存状态,函数组件不能?...并且类组件具有生命周期,函数组件却不能?...能体会那种总有新东西要学感觉有多痛苦,不会就感觉咱们总是落后一样。Hooks 可以当作一个很好新特性来使用。当然没有必要用 Hook 来重构原来代码, React团队也建议不要这样做。...为什么hook 名称必须以“use”开头? 这看起来很可疑。 如果这是一个命名规则,那是否意味着可以自定义 Hook。 如何存储更复杂状态,很多场景不单单只有一个状态值这么简单。...然后再听说了调用顺序规则(它们每次必须以相同顺序调用),这让更加困惑。这就是它工作原理。

    1.4K10

    从小学数学聊前端框架设计

    其实前端框架是个很简单东西,大部分框架工作原理可以用一个「小学知识」解释清楚。 本文会从这个知识入手,逐步谈到前端框架更新粒度背后权衡。...0/{x}/{y}; 再加上各种使用户可以操纵自变量事件,如给p增加onClick: setX(x + 1)}>战绩是 0/{x}/{y};...原因是:OO是对现实世界模拟。比如: 「人」可以继承「哺乳动物」属性,这就是个OO模型 然而实际操作起来事与愿违。...这就造成在实现自变量、因变量时会有诸多限制,比如: Hooks调用顺序不能变(不能写在条件语句中) 再比如,不知道你发现一个细节没: React实现因变量时需要第二个参数「显式」指出自己自变量是谁。...React更新机制大体概括为: 用户触发事件 -> 触发更新 -> 虚拟DOM全量对比 -> 将对比结果映射为视图操作 就像一个人拿相机拍一张照片,再拿这张照片和上次拍照片找不同,最后把不同地方更新了

    51420

    Java程序员,想跳槽又怕陷入恶性循环,怎么办?

    回顾一下工作中让你感到不能接受事情,一一列下来,形成一个“不能接受”清单,类似下面: 1.领导当众批评 2.领导总是要求我加班 3.张三刚来比我薪水高 4.公司取消在家办公 5....你不能接受清单可能很长,你可以对清单中每一项问三个问题: 不能接受它是因为什么愿意因为它离职吗? 采取哪些措施,可能会消除这项?...你因为无法忍受某些事情想离职,一定是这些事情触动了你内心某个原则或你认为很重要东西,这个你认为很重要东西,就是你需求,就是你职业价值观。...下面的句式可以帮助你分析直接原因背后职业价值观: “某某事情,让想离职,因为什么什么”。...当方向明确后,其他事情就容易理顺。 最后,还有几点补充说明: 你工作一年不到,跳槽确实难找工作,这是现实,请正视。

    82250

    为什么开源可以提高程序员编程技能?

    有时候当我阅读其他代码时,如果看到他们做错了,我会生气。但是随着代码阅读量增加,开始懂得,总会有一些情形常见于别人代码,但我在自己代码中未曾遇到过,并且方法没有必要那样执拗。...例如Gitlab,GitHub和到BitBucket这些网站就允许我们获取全功能应用程序,不仅可以阅读代码,还可以摆弄。很少有想要学习东西不能在开源代码中获取。...以前学习新编程语言,会把重点放在诸如目录结构和命名约定这些简单事情上。但是,现在,我会找一些不同开源项目,然后可以开始拼凑常用方法。很少强调以前那些类型东西了。...可用代码是如此之多,但质量良莠不齐。当我们想要学习时候,常常搞不清楚哪个好哪个不好。那就保持阅读代码吧,慢慢地你会学会如何区分。阅读“坏”代码可以帮助你理解为什么它是“坏”。...你阅读坏代码越多,那么你就越擅长发现坏代码 当你在学习和搜索例子时候,你会发现和使用大量不能工作代码。请记住,仅仅因为它不适合你情况,并不能说明它就是坏代码。

    34730

    为什么开源可以提高程序员编程技能?

    有时候当我阅读其他代码时,如果看到他们做错了,我会生气。但是随着代码阅读量增加,开始懂得,总会有一些情形常见于别人代码,但我在自己代码中未曾遇到过,并且方法没有必要那样执拗。...例如Gitlab,GitHub和到BitBucket这些网站就允许我们获取全功能应用程序,不仅可以阅读代码,还可以摆弄。很少有想要学习东西不能在开源代码中获取。...以前学习新编程语言,会把重点放在诸如目录结构和命名约定这些简单事情上。但是,现在,我会找一些不同开源项目,然后可以开始拼凑常用方法。很少强调以前那些类型东西了。...可用代码是如此之多,但质量良莠不齐。当我们想要学习时候,常常搞不清楚哪个好哪个不好。那就保持阅读代码吧,慢慢地你会学会如何区分。阅读“坏”代码可以帮助你理解为什么它是“坏”。...你阅读坏代码越多,那么你就越擅长发现坏代码 当你在学习和搜索例子时候,你会发现和使用大量不能工作代码。请记住,仅仅因为它不适合你情况,并不能说明它就是坏代码。

    615100

    为什么开源可以提高程序员编程技能?

    为什么开源可以提高程序员编程技能? 已经写了很多年软件。最近意识到,越涉及(致力于,结合于等)开源技术,写出来代码就更好。这不由地让疑惑起来:难道里面有什么相关性或因果关系吗?...有时候当我阅读其他代码时,如果看到他们做错了,我会生气。但是随着代码阅读量增加,开始懂得,总会有一些情形常见于别人代码,但我在自己代码中未曾遇到过,并且方法没有必要那样执拗。...例如Gitlab,GitHub和到BitBucket这些网站就允许我们获取全功能应用程序,不仅可以阅读代码,还可以摆弄。很少有想要学习东西不能在开源代码中获取。...可用代码是如此之多,但质量良莠不齐。当我们想要学习时候,常常搞不清楚哪个好哪个不好。那就保持阅读代码吧,慢慢地你会学会如何区分。阅读“坏”代码可以帮助你理解为什么它是“坏”。...你阅读坏代码越多,那么你就越擅长发现坏代码 当你在学习和搜索例子时候,你会发现和使用大量不能工作代码。请记住,仅仅因为它不适合你情况,并不能说明它就是坏代码。

    67390

    为什么开源可以提高程序员编程技能?

    有时候当我阅读其他代码时,如果看到他们做错了,我会生气。但是随着代码阅读量增加,开始懂得,总会有一些情形常见于别人代码,但我在自己代码中未曾遇到过,并且方法没有必要那样执拗。...例如Gitlab,GitHub和到BitBucket这些网站就允许我们获取全功能应用程序,不仅可以阅读代码,还可以摆弄。很少有想要学习东西不能在开源代码中获取。...以前学习新编程语言,会把重点放在诸如目录结构和命名约定这些简单事情上。但是,现在,我会找一些不同开源项目,然后可以开始拼凑常用方法。很少强调以前那些类型东西了。...可用代码是如此之多,但质量良莠不齐。当我们想要学习时候,常常搞不清楚哪个好哪个不好。那就保持阅读代码吧,慢慢地你会学会如何区分。阅读 “坏”代码可以帮助你理解为什么它是“坏”。...你阅读坏代码越多,那么你就越擅长发现坏代码 当你在学习和搜索例子时候,你会发现和使用大量不能工作代码。请记住,仅仅因为它不适合你情况,并不能说明它就是坏代码。

    65870

    什么是真正程序员

    不能把一个松塔当成一个手榴弹;假装拥有神奇魔法;当其他孩子觉得作为一个成年人很酷。你最终会迫于压力长大。不过总的来说这也是一个非常幸运童年。   偶然一次机会接触了电子游戏和电脑。...程序是脆弱没错,但是程序员可以改善这一点,同时做出更好和有用东西"   那个人没有任何回答,他在���阅文档,尝试重新启动一个新集群,但是情况越来越糟糕。   ...小printf:"不,你误解意思了,意思是:好工具是为了解决问题被制造出来。但是你盲目追求新技术,不是为了什么实际目的。"   ...小printf:"那为什么毫无收获呢?"   "是这样,他们最擅长做事情是帮助把人们工作变成程序,使人们变轻松。软件正在吞噬整个世界,使世界改革换面。但是事实上还这还是个旧世界。...一只在忙于追求技术栈数量,一直是为了追求技术(或者说工作学习。   这就好像,毫无目的收集树枝,猛然一个点。低头看手边一困困树枝,忘记了为什么要去捡树枝。

    75480

    React Ref 为什么是对象

    你是否想过 React 中 ref 用法是 ref.current 不是直接通过 ref 获得我们想要数据,这个包含 current 属性对象结构是多此一举吗?...,React Ref 数据结构设计成 JavaScript Obeject 是为了让数据在其他作用域中也能被正确地读取。...过后,发现在点击下载图片按钮,执行 onClick 回调过程中,el 值为一直为 null ,并非 DOM 元素对象引用,因此也就无法将元素下载成图片。...到此为止我们已经可以呼应到本文主题了,ref 数据为什么设置成对象形式?DOM 元素为什么要通过 ref.current 点用?...以此延伸到在一些别的场景下我们也可以通过将函数形参传递成object形式以规避维护数据一致性额外工作

    1.5K20

    教你如何在 React 中逃离闭包陷阱 ...

    因此,我们性能优化毫无用处。 下面让我们寻找一下其他解决方案。React.memo 有一个叫做比较函数东西,它允许我们对 React.memo 中 props 比较进行更精细控制。...因为只要引起闭包函数存在引用,闭包就会一直存在。函数引用只是一个值,可以赋给任何东西。...我们在 onClick值从未更新过,你能告诉为什么吗? 当然,这又是一个过期闭包。当我们创建 onClick 时,首先使用默认状态值(undefined)形成闭包。...我们还可以尝试很多其他方法,但我们不必进行任何大量重构就能摆脱闭包陷阱,有一个很酷技巧可以帮助我们。...它 onClick 回调可以访问组件中最新数据,不会破坏 memoization。现在,我们可以安全地将所需一切发送到后端!

    61240

    【前端技能树-需要避免坑】Javascript 开发者容易在花田里犯

    为什么? 在大多数其他语言中,上面的代码都会导致类似这样错误。因为变量 i “生命周期”(即作用域)被限制在 for 循环语句中。...==(不是==和!=),以避免类型强制转换任何意外副作用。因为,==和!=在比较两个东西时会自动执行类型转换,===和!==在不进行类型转换情况下执行相同比较。...由于我们正在讨论类型强制转换和比较,因此值得一提是,将 NaN 与任何东西(甚至NaN!)进行比较总是返回 false。因此,不能使用相等运算符(==、===、!=、!...添加 DOM 元素是一项开销很大操作,连续添加多个 DOM 元素代码效率很低,很可能不能很好地工作。...最后,想说是,与任何技术一样,你越了解 JavaScript 工作原理,你代码就越可靠,你就越能够有效地利用该语言力量处理问题。

    19211
    领券