JavaScript獲取元素透明度
本章節介紹一下如何利用JavaScript動態獲取元素透明度。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> *{ margin:0px; padding:0px; } #antzone{ width:200px; height:100px; text-align:center; line-height:100px; background:#CCC; opacity:0.3; filter:alpha(opacity=30); } </style> <script type="text/javascript"> function getstyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; } else{ return getComputedStyle(obj,false)[name]; } } window.onload=function(){ var obt=document.getElementById("bt"); var odiv=document.getElementById("antzone"); obt.onclick=function(){ odiv.innerHTML=getstyle(odiv,"opacity"); } } </script> </head> <body> <div id="antzone"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼實現了獲取元素透明度的效果,並且能夠相容各個瀏覽器。
低版本的IE瀏覽器下,設定透明度需要使用filter:alpha(opacity=30)方式,但在獲取透明度的時候卻是非常類似於標準瀏覽器,直接使用currentStyle["opacity"]即可獲取,並且獲取的值也是0-1之間。
相關文章
- javascript中獲取元素尺寸JavaScript
- JavaScript獲取同級元素JavaScript
- JavaScript 獲取同級元素JavaScript
- JavaScript獲取指定元素的同輩元素JavaScript
- JavaScript獲取父元素下子元素節點JavaScript
- JavaScript獲取上一個元素JavaScript
- JavaScript使用id獲取指定元素JavaScript
- JavaScript獲取元素標籤名JavaScript
- JavaScript設定元素透明度JavaScript
- JavaScript 通過class獲取元素物件JavaScript物件
- JavaScript 獲取第n個li元素JavaScript
- JavaScript 獲取form所有表單元素JavaScriptORM
- JavaScript獲取form下所有input元素JavaScriptORM
- JavaScript獲取li元素的下標JavaScript
- javascript獲取當前元素的上一級元素JavaScript
- javascript獲取指定元素父元素程式碼例項JavaScript
- javascript如何獲取哪個元素獲得焦點JavaScript
- javascript在iframe子元素中獲取父視窗元素JavaScript
- JavaScript 獲取所有後代元素節點JavaScript
- JavaScript獲取元素在文件中座標JavaScript
- javascript使用class獲取元素物件程式碼JavaScript物件
- JavaScript獲取元素下指定型別的一級子元素JavaScript型別
- JavaScript 獲取倒數第二個li元素JavaScript
- JavaScript 獲取指定標籤一級子元素JavaScript
- JavaScript獲取元素在陣列中的位置JavaScript陣列
- JavaScript獲取陣列最後一個元素JavaScript陣列
- javascript獲取所有表單元素的value值JavaScript
- JavaScript如何獲取元素的標籤型別JavaScript型別
- 原生javascript獲取dom元素簡單介紹JavaScript
- JavaScript獲取當前li元素的索引位置JavaScript索引
- JavaScript使用name屬性值獲取元素物件JavaScript物件
- javascript獲取元素封裝程式碼例項JavaScript封裝
- JavaScript獲取倒數第二個li元素JavaScript
- JavaScript獲取滑鼠在元素中的座標JavaScript
- js獲取元素的方法(獲取html元素的方法)JSHTML
- javascript如何獲取指定元素內的所有圖片JavaScript
- javascript獲取元素的順序程式碼例項JavaScript
- javascript獲取li元素內容程式碼例項JavaScript