blocks|key|1190740|text|<a+class="dopelink"+style="text-decoration:none"+onmousedown="this.style.textDecoration='underline'"+href="mylink.htm">My+link</a>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1190741|您的javascript必须使用单引号，因为您的HTML使用双引号。|unstyled|1190742|将text-decoration设置为none，因为默认情况下它带有下划线。当单击该元素时，这将发生变化。|offset|length|style|CODE|1190743|使用this而不是document.getElementsByTagName。因为它是内联javascript，所以它可以引用自己。|1190744|使用onmousedown而不是onclick。|1190745|entityMap^0|0|0|1|F|J|4|0|2|4|9|T|0|2|B|G|7|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|T|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|U|8|@$I|V|J|W|K|L]|$I|X|J|Y|K|L]]|9|@]|A|$]]|$1|M|3|N|5|F|7|Z|8|@$I|10|J|11|K|L]|$I|12|J|13|K|L]]|9|@]|A|$]]|$1|O|3|P|5|F|7|14|8|@$I|15|J|16|K|L]|$I|17|J|18|K|L]]|9|@]|A|$]]|$1|Q|3|-4|5|F|7|19|8|@]|9|@]|A|$]]]|R|$]]

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

Your javascript must use single-quotes because your HTML uses double-quotes.

Set the <code>text-decoration</code> to <code>none</code> since it is underlined by default. This will change when the element is clicked.

Use <code>this</code> instead of <code>document.getElementsByTagName</code>. Since it's inline javascript, it can reference itself.

Use <code>onmousedown</code> instead of <code>onclick</code>.

blocks|key|1190750|text|我希望我理解了，如果不理解，那么我很抱歉:/|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1190751|为html标记创建:hover选项...例如，我在HTML代码中有"a“标记，如下所示：|1190752|<a+href="somewhere.html">Take+me+somewhere</a>|code-block|syntax|javascript|1190753|我想做的是，这个div的颜色将是红色的，当我用鼠标指向这个div时，它会将颜色改为蓝色，并在那里加下划线，所以我的css代码将如下所示：|1190754|a+{
+++color:+#F00;
}

a:hover+{
+++color:+#00F;
+++text-decoration:+underline;
}|1190755|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I hope I understood, if not then I'm sorry :/

Create a :hover option for your html tag... for example I have "a" tag in HTML code like this: 

<pre><code>&lt;a href="somewhere.html"&gt;Take me somewhere&lt;/a&gt;
</code></pre>

and what I like to do is, that the color of this div will be red and when I point this div whit my mouse it will change the color to blue and make underline there, so my code in css will look like this: 

<pre><code>a {
 color: #F00;
}

a:hover {
 color: #00F;
 text-decoration: underline;
}
</code></pre>

blocks|key|596744|text|您的代码无法正常工作，因为getElementsByTagName返回多个元素(它返回数组对象属性)。你必须对每一个都进行循环。您可以查看此fiddle。我将单击后的文本装饰设置为none，以使其更清晰。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|596745|在测试函数(称为onclick)中，您将遍历ElementsByTagName提供的每个a标记。在此循环中，您将设置文本修饰属性。|style|BOLD|596746|function+test(){
var+links+=+document.getElementsByTagName("a");

for+(var+l+=+0;+l+<+links.length;+l%2B%2B){
++links[l].style.textDecoration+='none';
}}|code-block|syntax|javascript|596747|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/g27bs/^0|1Y|6|0|0|1|2|8|7|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@$A|Z|B|10|F|G]|$A|11|B|12|F|G]]|9|@]|C|$]]|$1|H|3|I|5|J|7|13|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|14|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

Your code wasn't working because getElementsByTagName returns more then one element (it returns array object properties). You have to loop thought each one of it.
You can check out this <a href="http://jsfiddle.net/g27bs/" rel="nofollow">fiddle</a>. I set text-decoration to none after click to be more clear.

In test function (which is called onclick) you iterate through every a tag that ElementsByTagName gave you. In this loop you set text-decoration property.

<pre><code>function test(){
var links = document.getElementsByTagName("a");

for (var l = 0; l &lt; links.length; l++){
 links[l].style.textDecoration ='none';
}}
</code></pre>

I am trying to style a link. I have an external stylesheet and in the HTML I am pointing to the correct location of the sheet, so that is not the problem. I would like to change the <code>text-decoration</code> when the <code>onclick</code> event is triggered. I have:

<pre><code>&lt;a class="dopelink"onclick="document.getElementsByTagName("link").style.textDecoration="underline" " href="mylink.htm" &gt;MY Link&lt;/a&gt;
</code></pre>

What am I doing wrong?

Styling an element using inline javascript on onclick

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试设置链接的样式。我有一个外部样式表，并且在HTML中我指向了该表的正确位置，所以这不是问题所在。我有：<a class="dopelink"onclick="document.getElementsByTagName("link").style.textDecoration="underline" " hre...

问在onclick上使用inline javascript设置元素的样式
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在onclick上使用inline javascript设置元素的样式EN