是不是大家在寫代碼過程中經(jīng)常會(huì)遇到 當(dāng)通過HTMLElement.style 獲取樣式表中某個(gè)樣式時(shí)不能獲取瞳筏。
HTMLElement.style 顯示的是空字符串闺属。
只能通過在HTML 代碼中寫 內(nèi)聯(lián)樣式 才能獲取到。是不是感到很奇怪周霉？
那是因?yàn)?b>HTMLElement.style屬性返回一個(gè)CSSStyleDeclaration對(duì)象掂器，表示元素的 內(nèi)聯(lián)style屬性（attribute），但忽略任何樣式表應(yīng)用的屬性俱箱。
還有一種方法就是??使用window.getComputedStyle()国瓮。它會(huì)列出包括樣式表中的屬性。
var box1 = document.getElementById('box1');
var box1_style = window.getComputedStyle(box1,null);
console.log(box1_style.opacity);
通過這種方式就可以不用內(nèi)嵌在HTML代碼中而獲取所有的樣式了。（注意：HTMLElement.style和window.getComputedStyle()都是返回的字符串乃摹，如果要進(jìn)行數(shù)值比較禁漓，應(yīng)該先進(jìn)行轉(zhuǎn)換）。
