我們知道在JS裡如果要操作CSS,那麼最重要的就是取得樣式,以下就帶給大家一篇JS取得樣式最常見的幾種方法,給大家作為參考。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:yellow; } </style> </head> <body> <div style="width:100px;height:100px;background-color:red">This is div</div> </body> </html>
透過使用element.style屬性來取得
<script> var div = document.getElementsByTagName("div")[0]; console.log(div.style.color); //"" console.log(div.style.backgroundColor); //red </script>
element.style屬性只能取得行內樣式,不能取得