JS获取非行间样式及兼容问题_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:19:401032瀏覽
获取非行间样式：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取非行间样式</title> <style> #div1{height: 200px;width: 200px;background-color: red;} </style> <script> function getStyle(obj,name){ if(obj.currentStyle){ return obj.currentStyle[name]; //IE浏览器 } else if(getComputedStyle){ //Firefox，chrome浏览器 return getComputedStyle(obj,null)[name]; } } window.onload = function(){ var oDiv = document.getElementById('div1'); alert(getStyle(oDiv,'height')); } </script></head><body><div id="div1"></div></body></html>
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn