標籤：div java head logs body position blog 屬性 Null 字元串
訪問屬性：obj.attr 或者 obj[‘attr‘]
通過js訪問style屬性 :
document.getElementById("main").style.backgroundColor;
style 只能擷取元素的內聯樣式。因此，要擷取元素的完整的樣式資訊，必須使用 window 對象的 getComputedStyle 方法，此方法有2個參數，第一個參數為要擷取計算樣式的元素，第二個參數可以是null、Null 字元串、偽類(如:before,:after)，這兩個參數 都是必需的。
完整執行個體：
<!doctype html>
<html><head> <style> #mask { position: absolute; z-index: 1000; top: 10px; left: 0; background: blue; width: 100px; height: 100px; } </style></head><body> <div id="mask" style="border: dashed"></div><script> var mask = document.getElementById(‘mask‘); var style = window.getComputedStyle(mask, ""); console.log(‘34‘,style.position,mask.style.border);</script></body></html>
原生JavaScript擷取css樣式
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
