html - 在 onclick 上使用内联 javascript 设置元素样式

Question

我正在尝试设置链接样式。我有一个外部样式表，在 HTML 中我指向工作表的正确位置，所以这不是问题所在。我想在触发 onclick 事件时更改 text-decoration。我有:

<a class="dopelink"onclick="document.getElementsByTagName("link").style.textDecoration="underline" " href="mylink.htm" >MY Link</a>

我做错了什么？

Answer 1

<a class="dopelink" style="text-decoration:none" onmousedown="this.style.textDecoration='underline'" href="mylink.htm">My link</a>

您的 javascript 必须使用单引号，因为您的 HTML 使用双引号。

将 text-decoration 设置为 none 因为它默认带有下划线。单击该元素时，这将发生变化。

使用 this 而不是 document.getElementsByTagName。由于它是内联 javascript，因此它可以引用自身。

使用 onmousedown 而不是 onclick。