更改.innerHTML 中的链接颜色

Question

I'm currently using:

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

and would like Link Text to appear in Red.

Answer 1

Just add the style in the a tag:

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

 <div></div>

Consider to use css classes instead add inline styles. Classes are more meaninful and global.

Answer 2

you should definitly use classes, then you are much more flexible:

This should work:

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

And your CSS:

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