如何使用onclick和this.title显示图像的名称

Question

我的任务是使用 onclick 在图像上显示图像名称。

我需要添加一个 onClick 处理程序以将图像的标题属性设置为我的新标题（提示您可以使用 this.title 访问图像标题）

这是我的代码，

<img src="tick1.gif" alt="tick1" onClick="setimagename(My New Title)';" />

我的导师没有多大帮助，因为我一直在问我错过了什么，而是回答了其他问题

我知道这很简单，但我就是无法让它工作。知道我做错了什么吗？

Answer 1

你的答案更简单。您只需要对文本中提供的内容进行细微的更改。你不能有一个alt="属性，并期望JavaScript触发针对"title"的更改。必须先应用 title 属性，然后才能更改该属性。

     <img src =" tick.gif" title="Click me and watch me change!!" onclick="this.title='New Image Title!!!';"/>

alt=" 和 title=" 几乎是一回事。删除 alt=" 以减少冗余并替换为 title="。

完成此操作后，将鼠标悬停在图像上并等待片刻以显示标题，然后单击并按住更多时间，您将看到标题与您的新代码一起出现。

祝你在 JavaScript 课程中好运。

Answer 2

如果不看到setimagename代码，很难诊断，但问题可能是您在字符串中缺少引号 我的新标题 您作为参数传递：

<img src="tick1.gif" alt="tick1" onclick="setimagename('My New Title');" />

还要注意，在代码中，当调用函数时，您有 ' char，这将导致另一个语法错误。

Answer 3

<img src="tick1.gif" alt="tick1" onClick="this.title='My New Title'" />

Answer 4

您正在传递function String，您应该对其进行quote。

onClick="setimagename（'My New Title'）;"

Answer 5

<img src="tick1.gif" alt="tick1" onClick="setimagename('My New Title');" />

或

在脚本中绑定单击事件。