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

Question

我希望在单击它们时更改其他链接的链接。例如，如果用户单击 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。

任何帮助将不胜感激

Answer 1

你的问题是，在 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