Javascript OnClick 更改各种元素链接颜色

标签 javascript html css

我希望在单击它们时更改其他链接的链接。例如,如果用户单击 A-Z,它会更改 0-9 的颜色。

<a href="" id="list_users_title" onclick="document.getElementById('oneline a').style.color = '#414042'; document.getElementById('list_users_title a').style.color = '#B91200';">A-Z</a>
<a href="" id="oneline" onclick="document.getElementById('oneline a').style.color = '#B91200'; document.getElementById('list_users_title a').style.color = '#414042';">0-9</a>

我可以用颜色做到这一点,但这会覆盖我仍然想使用的 a:hover。

任何帮助将不胜感激

最佳答案

你的问题是,在 javascript 的帮助下,你正在将内联 css 添加到 a 标签。内联 css 比 style 标签中的 css 有更高的优先级。

这里是解决方案-

<div id='style'></div>

<a href="" id="list_users_title" onclick="document.getElementById('style').innerHTML = '<style>ADD CSS HERE</style>';">A-Z</a>

这不会添加内联CSS

关于Javascript OnClick 更改各种元素链接颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11004552/

相关文章:

javascript - 在 Angularjs 中循环 ng-options

html - 在多个 div 上实现切换

html - CSS布局菜单定位?

javascript - (HTML) 将其链接到图像,不确定要编写什么代码来关闭图像

css - 为什么附近的 DIV 不会 float 在与此 DIV 相同的行上?

javascript - 如果循环获取数据,如果存在于表中,如果不存在,则在表和 javascript 中插入值以获取有关写入配置文件 ID 的数据

javascript - 如何检查输入值是否改变?

javascript - 使用ArcGIS绘图工具

javascript - 具有angularJS应用程序的 Angular Material

javascript - 更改样式以在 JavaScript 中按元素执行的唯一方法是什么?