不能返回HTML元素的css属性

cannot return css property of HTML element

本文关键字：css 属性 元素 返回 HTML 不能      更新时间：2023-09-26

在HTML: <div id="block"></div>中有一个元素，它的属性通过CSS: 

#block { 
    background: red;
 }

如果我想在JavaScript中从CSS中给某个变量分配一个属性，像这样:

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

我该如何解决这个问题?

您可以使用getComputedStyle:

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

您可以使用一行jQuery:

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

如果你可以在你的项目中使用jQuery，我建议使用。css() jQuery函数

如。设置css 

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

css: 

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

点击这里查看更多信息

你可以试试- 

var  block = document.getElementById("block");
block.setAttribute("style","background-color: red;");
相关文章：