如何使用 append Div 更改颜色？

Question

I can't change color with append div dynamically. I want change default color of div, in red.

My HTML markup is:

<div id="risultato"></div>

Javascript code:

var result= document.getElementById('risultato');
result.style.color = "red";
result.innerHTML+= <a href="www.google.com">

but google.com have blue color not red.

I also tried with css:

<style>
#risultato {
    margin-left: 18px;
    font-size: 17px;
    text-decoration: none;
    color: red;
}   
</style>

But it doesn't work. How can I do this?

Answer 1

 var result= document.getElementById('risultato'); result.style.color = "red"; result.innerHTML+= '<a style="color:green" href="www.google.com">google</a>'

 both js and css are basically fine. your innerHTML statement needs some fine tuning.

 <div id="risultato">some text</div>

Answer 2

try with:

<style>
#risultato a {
color:red;
}   
</style>

Answer 3

 // Get the div var result = document.getElementById('risultato'); // Append the element to the div and give it a class result.innerHTML += "<a class='link' href='www.google.com'>Google</a>"; // Get the element (link) let resultLink = document.querySelector('#risultato a'); // Style it resultLink.style.color = 'red';

 #risultato a{ font-size:17px; }

 <div id="risultato"></div>