在某个项目中,我们经常会需要来获取某个元素的样式,比如说获取一个div的color;这样,新的问出现了,
var style = box.style.width;console.log(style);如果我们写的是行内的样式,可以轻松通过这种方式来获得所需要的样式,不过,如果我们的样式是内联或者外联样式,就取不到了;
1 <script type="text/javascript"> 2 window.onload=function(){ 3 //获取行间样式 4 var oDiv=document.getElementById("Div"); 5 alert(oDiv.style.background); 6 7 //获取非行间样式 方法,currentStyle是IE中的属性,getComputedStyle是其他浏览器的方法(注意其有两个参数);在非行间样式中,style属性只能去赋值,在行间样式中才能去获取样式; 8 function getStyle(obj, attr) 9 { 10 if(obj.currentStyle) 11 { 12 return obj.currentStyle[attr]; 13 } 14 else 15 { 16 return window.getComputedStyle(obj,false)[attr]; 17 } 18 } 19 alert(getStyle(oDiv2,"background")) ; 20 } 21 </script>
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步