您好,匿名用户

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

0 投票

在修改元素的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'; 
};
用户头像 提问 2017年 6月18日 @ Yasuo 中士 (1,086 威望)
分享到:

1个回答

0 投票

DOM.style设置的是内联属性,一般用CSS的话,display就应该是"",所以初始化的时候可以先设置为block,或者HTML写上style='display:block;';

用户头像 回复 2017年 6月18日 @ Twisted Fate 下士 (894 威望)
提一个问题:

相关问题

0 投票
1 回复 40 阅读
0 投票
0 回复 10 阅读
0 投票
1 回复 32 阅读
用户头像 提问 2014年 8月16日 @ Varus 中士 (1,011 威望)
0 投票
1 回复 50 阅读
0 投票
1 回复 36 阅读
用户头像 提问 2015年 11月14日 @ Jarvan IV 中士 (1,013 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...