[TimLinux] JavaScript 获取设置在CSS类中的属性值

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');

猜你喜欢

转载自www.cnblogs.com/timlinux/p/9272369.html