本人JS初学者,看到一道题。

如何实现在JS中把一个a标签超链接(无id属性)点击后变换颜色并且下划线效果,具体过程说一下。。 如何获取,然后改变。。 求大神。。 多谢了。。。。。。。

http://www.w3school.com.cn/cssref/selector_hover.asp
设置css的hover

I am a link
<br> var a1 = document.getElementsByTagName( &#39;a&#39; );<br> for ( var i = 0; i &lt; a1.length; i++ ) {<br> a1[i].onclick = function () {<br> for (var i = 0; i &lt; a1.length; i++) {<br> a1[i].style.border = &#39;1px solid red&#39;;<br> a1[i].style.color = &#39;red&#39;;<br> }<br> }<br> }</p>

js点击链接后变换颜色并且下划线效果

不好意思,上面格式转成那样子看不了了,我发图片,完美解答你的问题

<!DOCTYPE html>



Document
<br> a{<br> text-decoration: none;<br> color:blue;<br> }<br>


点击这个链接
<pre><code> var down = document.getElementsByTagName(&#39;a&#39;); //获取所有a标签 for(var i=0; i&lt;down.length; i++){ //每一个a标签都添加事件 down[i].addEventListener(&quot;click&quot;, function(){ this.style.color = &quot;green&quot;; //文字变成绿色 this.style.textDecoration = &quot;underline&quot;; //文字添加下划线 }); } &lt;/script&gt; </code></pre> <p></body><br> </html></p> <p>火狐浏览器,亲测完美符合你的要求</p>

图片说明