1. 设置属性值
// 常用方式
var myEl = document.getElementById('idMyEl');
myEl.style.display = "none"; // 获取值
myEl.style.display
以上方式,设置的属性值将放入:<input id="idMyEl">的style属性中,得到<input id="idMyEl" style="display:none;">,这样的值能够通过以上方式设置、获取,但是如果这个display属性设置在class="theclass" 这样的类中时,以上方式无法获取到值。
2. DOM API获取
// 设置在class中的值,需要以下方式获取
var myEl = document.getElementById('idMyEl');
var displayValue = window.getComputedStyle(myEl).getPropertyValue('display');
console.log(displayValue === 'none');