Ne peut pas renvoyer la propriété css de l'élément HTML

Il y a un élément dans HTML: <div id="block"></div> , et c'est une propriété via CSS:

 #block { background: red; }

Si je veux attribuer en JavaScript à une variable une propriété de CSS, comme ceci:

 var value = document.getElementById('block').style.background // It doesn't work

Comment puis-je résoudre ce problème?

Vous pouvez utiliser getComputedStyle :

 var value = window.getComputedStyle(document.getElementById('block')).getPropertyValue("background-color"); console.log(value);

Vous pouvez utiliser une seule ligne de jQuery pour ceci:

 var value = $("#block").css("background-color");

Si vous pouvez utiliser jQuery sur votre projet, je recommande d'utiliser la fonction jjquery .css ()

Exemple: réglage css

 $('#block').css({background:'black'});

Obtenir css:

 var cssValues = $('#block').css('background'});

Voir plus ici

Vous pouvez essayer ceci –

 var block = document.getElementById("block"); block.setAttribute("style","background-color: red;");