如何使用Javascript添加另一个文本装饰定义？

我想在JavaScript的帮助下添加另一个文本装饰类到已经有一个类关联的链接中

我希望类似于

的激活链接应该有

文本：decoration=none

，但我无法使用CSS，因为它会应用于所有链接，如果我声明一个新的无装饰类

---

JavaScript是如何做到这一点的？

您可以这样做：

var elem = document.getElementById('ELEMENT_ID_HERE');
elem.style.textDecoration = 'none';

---

如果要使用CSS类：

var element = document.getElementById(idOfElement);
element.className = element.className + " noDecorationClass";

这将向元素添加一个新类，您也可以覆盖现有类

element.className = "noDecorationClass";

---

我建议使用mootools（）之类的框架

该框架非常简单：

element.addClass('my_new_css_class');

或者你可以添加一个新的样式

element.setStyle('text-decoration', 'none');

---

如果为使用的所有链接设置唯一ID，然后在脚本中引用该链接，则可以通过以下方式更改任何要更改的链接：

document.getElementById('YourLinksId').style.textDecoration = 'overline';
document.getElementById('yourLinksId').onmouseover.style.textDecoration = 'blink';

直接在元素上设置的样式将覆盖css类中设置的任何属性

编辑：对不起，我想我误解了你的问题。如果您的意思是在单击链接时激活，则鼠标悬停可执行以下操作：

a:link {color: #FF0000}     /* unvisited link */
a:visited {color: #00FF00}  /* visited link */
a:hover {color: #FF00FF}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

---

更多资源位于

活动链接仅在被单击时处于活动状态

一旦松开鼠标按钮，它就不再处于活动状态。因此，您可以使用适用于所有链接的a:active，因为一次只有一个链接处于活动状态

我猜您真的希望它保留您的文本装饰：在单击另一个链接之前没有，在这种情况下，您将需要JavaScript。如果我错了，只需按照@ChrisAD的例子，但添加：

a:active {color: #0000FF;

   text-decoration: none;

}   /* selected link */

---

“激活”的确切意思是什么？激活的意思是我实际存在的链接。。在页面上单击并访问..我的元素有一个类，而不是id@Rich我不认为你需要到处编辑别人的答案，只是为了用冒号替换和省略号。说真的。a:active只是为了鼠标悬停，但是如果我点击了链接并且是在另一个年龄段。。那时我希望我的链接没有装饰。你可以通过在CSS中设置：a:visted{text-decoration:none}来实现。你是这样想的吗？