更改 .innerHTML 中的链接颜色

Question

我目前正在使用：

div.innerHTML = "<span style='color:#FF0000'><a href='https://www.google.com/' target='_blank'>Link Text</a></span>"

并希望Link Text以红色显示。

Answer 1

只需在 a 标签中添加样式：

var div = document.querySelector('div');
div.innerHTML = "<a href='https://www.google.com/' target='_blank' style='color:#FF0000'>Link Text</a>"

<div></div>

考虑使用 css 类来添加内联样式。类更有意义和全球化。

Answer 2

你应该明确使用类，那么你就更灵活了：

这应该有效：

div.innerHTML = "<span><a class='link' href='https://www.google.com/' target='_blank'>Link Text</a></span>"

还有你的 CSS：

.link, .link:hover, link:active, link:visited {
color:#FF0000
}