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

Question

在修改元素的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'; 
};