javascript - js为什么不能将css属性赋值给变量？

问题描述

问 题

在修改元素的display属性值时，因为要拿display的属性值作判断条件，所以就想图个方便，于是想把元素的display属性赋值给变量，然后回到网页中触发事件却没有任何效果，试着用alert变量，结果为空！
直接使用oTest.style.display,当然没问题，将oTest.style赋值给变量也没问题，唯独下面这样不行，求解！

var oTest = document.querySelector('.test');
var oBtn = document.querySelector('.btn');
oBtn.onclick = function(){
  var a = oTest.style.display;
  console.log(a);  //输出空
 a === 'block' ? a = 'none' : a = 'block'; 
};

解决方案

jQ用爽了，忘记那些原生写法了嘛~

  oBtn.onclick = function() {
    // var a = oTest.style.display;
    var a =document.defaultView.getComputedStyle(oTest, null).display; 
    console.log(a); 
  };

这个我在红皮书里见得，在这再补个资料，张鑫旭的

这篇关于javascript - js为什么不能将css属性赋值给变量？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！