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