javascript onclick事件鼠标单击无响应

2+4=답

4*20+64=답

20/5-8*2=답
 

文档

是全局的，而不是

span

元素的属性。不要使用

this

您只需要从

this.documentdocument.getElementsByTagName

中删除关键字this即可

为什么？ 是表示浏览器中加载的任何网页的全局变量，用作网页内容的入口点，即。是存储在DOM树中的

通过使用

this

关键字，您试图访问span属性，而不是

文档

变量

下面是一个完整的工作示例。

多姆객체 변경 - 내용 변경
계산해봅시다.

2+4=답

4*20+64=답

20/5-8*2=답

在

onclick

属性中，

此

表示（事件的）目标元素，因此它不是

窗口

，而是单击的

span

所以你可以只做

this.innerHTML=2+4

，…等等。事实上，我更喜欢在这里使用

this.textContent

，因为您不打算注入HTML编码，而是纯文本

顺便说一句：不需要

eval

2+4=답

4*20+64=답

20/5-8*2=답
 

Danger:

eval

效率低下，难以调试，如果它接近用户输入，则非常危险，并且对您在此处执行的操作毫无意义。请按更多步骤执行此操作：创建一个函数作为单击处理程序，并使用onclick调用它。在函数中放入一个

console.log（“它工作”）

，而不放入其他内容。打开控制台（大多数浏览器：右键单击->检查元素->选择控制台选项卡），查看单击时是否显示消息。然后逐步添加逻辑。Span元素不是设计为交互式控件的（例如，屏幕阅读器不会将它们作为您可以单击的对象来宣布，默认情况下它们不会显示在文档选项卡顺序中）。如果你想点击一些东西来触发一些JavaScript，那么就使用一个按钮，这就是它们的设计目的。