更改.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
}