Changer la couleur en utilisant Javascript

Question

Je suis un débutant en JavaScript. J'ai écrit le code ci-dessous pour changer la couleur du texte en rouge en utilisant JavaScript. Mais ça ne fonctionne pas. Quelle est l'erreur dans mon code ?

function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}

Mon premier JavaScript
Cliquez sur le bouton ci-dessous.....

Afficher

Answer 1

Supprimez innerHTML de var col=document.getElementById("demo").innerHTML;

function display()
{
var col=document.getElementById("demo");
col.style.color="#FF0000";
}

Mon premier JavaScript
cliquez sur le bouton ci-dessous.....

Afficher

Answer 2

N'utilisez pas le innerHTML, il renvoie une chaîne de caractères.

Utilisez le style sur l'objet lui-même.

Vérifiez que cela fonctionne: JsFiddle

Answer 3

Vous pouvez essayer ceci ...

document.getElementById('demo').style.color = '#FF0000';

Answer 4

Remplacez ce code :

function display()
{
var col=document.getElementById("demo").innerHTML;
col.style.color="red";
}

avec ceci :

function display()
{
var col=document.getElementById("demo");
col.style.color="red";
}

Inner html contiendrait le html à l'intérieur de la balise demo, mais vous devez vous référer à la balise elle-même.

Answer 5

function display()
{
document.getElementById("demo").style.color="red";
}

Votre JavaScript corrigé
cliquez sur le bouton ci-dessous.....

Afficher

Voici le JavaScript corrigé que je viens de modifier les mots pour qu'ils soient rouges car ils ne l'étaient pas