obj.style.height只能获取行间样式,但是我们要怎么获取写在css文件中的样式呢?

首先我们要用一个新的方法currentStyle.这个方法由current和style两个单词组成意思是:目前的样式.也就是加载css文件后取出来的样式.

currentStyle的用法是:元素.currentStyle.属性名

下面我们开始获取如图div的width样式,那我们就需要这样写:

var w=document.getElementById('div').currentStyle.width;

alert(w);

在IE下调试,看是不是可以得到正确的宽度了

aaarticlea/png;base64,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" alt="" />

aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPsAAADkCAIAAADRkMW/AAAUoElEQVR4nO3cu3PiaLoGcCWnzkknnb9hJ/JE/iumJnQymdOu2uhkTiZlypudne0L7fYNzF0g0AUJAQZf8N3GF8A2tvuC+2zVCSeYXU7wSUII8UF3GyRLz1tPzdgYuz3ip6dfya5hqv+sIYh/wjj+HSDINAPxiL8C8Yi/AvGIvwLxiL8C8Yi/AvGIv/JsxFf+dxdxMI4D8KZ4x19X5CviOJtnJn7kAd38vIO4JB7Q75j4Lyb+iDiaLzwBHJftLvGjoQ8c8XJnG3Ew9HPgGaGftnibQ/N5h8QC3Xy4S52t0ifE0XS2hp4A+itYsaPvOHEnxdtx37WUek9573BXi0Y+IlOPfvBLn6rGi2JDn5T9Z7eXvXPiP1u59+q8s1XqbFmIqx8qRgrvN5EpxHzMLSeA8TL1uTfQf4b4Ae621W6BbvX9UCZR7pFpxDjglnPAQn+csncc+rTFU7iXH7fLj3q1m6wbyhWduHxXIsm3i8gUYhxw7Rww6Tfcl/S+J6+j+9E7IN7KXbswrRLuhnUCvZ+4SiLdFpApxDjg5hNAo29yT147rewt6CHeXPBm7uZqN6zn7zTo0q0q3ariTUG8KYjXioBMLi3ZeFu8VsgxJ8dfo39XNLu3lH0P/UDNO259iuJHcN/qrewPm/J9Sb4r5ttFifi+KQjXCt+S+Waeb+ZzjXyuIWWvkGkk15ByjTw58nxLJieApv+uKN+XlPuyebnv3cS0Q191B/ppiLf5GdPjjoV74WFTeSjLdyXS5cK1Qnxnr6TspchdCpkLIXPOp+u5dD3HniHTCDnamXM+cyFwl0L2Sso18nxLFq4VUvnyXUl5KBcezBuOht78IypX1bwT4h93tEtVg/v7TeW+LN8VpZsC35SzVxJ3KWYuhHQ9x55lU6dc8oRLHGcSR+n4IRs/ZGMHKWQKIUc7cZROHGdSpxx7lk3Xee5CyDXywrUi3hTIcq/d1bGgN9e8r8Ub+8ynreLHavFjRf1QUR407rlmnrsQ2LNs8oSLH6VjB6nofjKyl4zUEhu78fBOLLQTDe1E17eRyWQromU7ur4dJUc7vBPb2I1H9hLR/WT8iE2ecJlzPnsl8S3Zgl79UCl+1NCbdxt/ibdwN/aZounOjHxfkm5VvilzF0JA7CAuT/I4k67z2StJaMnSTUFbb+6Nmu+h7/0agmvQT1u81u4m7sp9OX9XFK+V7JXInmUDYqeLcfEExE50P5k84TL6eiPdFKRbgr5kj96H4vsuWHXx5EakfFfKt1WhJXMXQvI4A/Eun4DYCe/G40dptp7LXol8My9cK9Ktvt48lAvvNwfFG+j9JP7RJN5S8DeFXCOfPufjhyzEu3wCYmd9KxI9SJGFnty9IXct8+2iueZtFxt/iR9W8OK1kr2S2LNsdD8J8S6fgNhZ3Qxv1BKJ4zRbz3GXonHrRtttbGp+2+/iewXfLkq3qnCtcJdi6pSL7EG82ycgdpbL6+GdWPyQTZ1mMxdC9krim3m7mod480qjFXxRulX5lpy5EJInmUgt4Tvx3PzsYsPpb+ILJiB23hXX1rci0f1U8iSTPueNmpduetu8+qFS/FDxqXjzZavNSnNT4Jv5zDmfOEqHd+M08aNwNBZnhzyBm2coM891u43FWdpTGEb/ypY/ZODP5ObJFzR9t43F2XnO8tbw70h7glsnIHbeFlbWqhuRvUTiOMOe5Xq3568V82JDat4QT9D7S3zfEq+tNAXhWsk1pHQ9Fz9kQzvRrxBPwao/n3Ku9BD2PzjkEyxPt/3sLjfPzC42jA+a/m18VW7elvaQh594GIap1WqDj9dqNYZh6J8bEDtBZXm1Et6oxeOHbOqU02q+mRda+g9iLYuNf8SPscQXhJacvZLYs1zsILW+bRE/upu7w9R1zc65+dn5+fnFRneQ3WLvs0f2bt8TNNM251dvyLdm/ufo/7IpiK/Vav/xn/9lQW/74OAExM6b/LuVcii8E4sdpJInHFvPcRdCrmH6KezAKl92zWLjjHjzL43xLZm7FFOn2eh+an0rMtDxWl+SN3tvmWCM2/Hc/Oxio7E4ayDn5pl5rtEn3o6beRXp3236/uog75i+XZsv0Pef5VzHdwd8j8m92+0GxM7r/NJyaT20HY3uJxPHGfYsO7DYFJWHsvoe4vXL1j7xTZm7EJInXHQvuVbdsNtqdAbEVGNxtl/FeB2/2NCKVdvaZxcX582rR7efmwnzMPHz831/rvFB7RscciK6Z483lI/PvdvtBsTOK/EtuXiN7CUTR+nUKZeu89ylyDfzFvGqfvEK8Zp48lvBhvjVSp94+k5j6BhfvKmBG4uz5M0vE2/5+2PIZ+ifRml7pzueDLE+PvdutxsQOy+F4JK6ulaNRGoJbZWv66s8xA+KL7zfVO5LpsvWfOacT55wkb3EaiU89MqVm2cYZnZ2fvCCcuwrV/Pabq57G/Hms2j4VtP3SeaOH9zxXdjx3a8Wz79ZKqyuVTbIxWvyJMOeaav84MUrxH+NeO2OHzc/u8jp3dybMTt+Uet37W3t6zVsxfdtTnTxxseND2pfht7xLpiv3mogfpLijS7u9kw1FmfNN0bGEm9uz742tmzj2sPMPEc+pw+tvfhu/yP6eUPreK53xmnPG/6FJzPfcuUK8ZMSb/wwx3jfhKGxOMtQaQ1uNbbTf76QrzVwF3HYHm8aE3TjvBzS8f1X4n0f1U6B2cWR8r5lvvHuJMRPSrx1hv8Eatwr1/6Pmulq79mfGPqSY9PxppPAOP3Id2NZfGzOk8FTdUorD/NtP4GC+GmJx7hgIB7i/TUQD/H+GoiHeH8NxEO8vwbiId5fA/EQ76+BeIj310D804t39ogg9EA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8LRDvvUA8Lc9LfPNyoXm54Ozr4f5APC3PS/wfyvd/KN87+3q4PxBPyzMS37xc6EpMV2JQ8/RAPC3PSPwfyvf/3mP+vceg5umBeFqei3hS8H/eMH/eoOZHBOJpeS7iScH/2Wb+bKPmRwTiaXkW4nsF32b+bKPmRwTiaXkW4s0Fj5ofGYinxf3irQWPmh8ViKfF/eIHCx41Tw/E0+Jy8fYF/5Q1/7efGOYvv8YtjzAMwzA/vKjRH3RpIJ4Wl4sfVvBPUfPxFz8yDPPzT7+Yxcdf/Ki/G/qZYX7+beiD7g3E0+Jm8YMFT+Zpa/43s/jaX//SAx1/8SPzU2jIg86BGBmIp8XN4gcL3ir+Kbb5PvGhn5lf/mb9kO2DGn1j29FOg/CvPxh/Cfz2C2P+xKkF4mlxrXjbDX5Q/LfXvFl8+NcfBnHbPmgsRVr3m7ad3nny41/DToiBeFpcK952g7cR/801/20db3wd87uk+B27xoV4WtwpftgtGlvx31jzVvG9YtYR2z4I8ROLH8UPu0VjL/7bav63gXs1Gtwe9KEPGt1vWd+1XQhbzVfFd+Ip9+CHif+Wmu8XT+7MkDHdhbR5MP7iR+anX35m+h//7RfG9pSYZiCeFheKp9yDHyregR/Buvc2JcTT4jbxtB+yUsVP/TdtIH5S8Zd4+g9ZaeKnXfMQP6n4SDy94EeKxy9UkkA8La4STy/40eLxC5X/rFUhnh73iB9Z8GMFNQ/x9LhH/MiCHzOoeYinxSXixyz4kVsNar4K8fS4RPyYBT+WeN/XPMTT4gbxT7PBo+b1QDwtbhD/VBs8ap4E4mlxXHzzcqHLM/86Y/51/qQ5Y7q8T2se4mlxXPwfyvddnplQ/FnzEE+L4+KRJw/E0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0wLx3gvE0/J14v8P4+KBeIj310A8xPtrIB7i/TUQD/H+GoiHeH8NxEO8vwbiId5fA/EQ76+BeIj310A8xPtrIB7i/TUQD/H+Goj3oHjmv899HsrBgXiI92AoBwfiPSu+3W5/9913fvsnxPtXPEHgt4F4/4p32p4Dg473tXh0vO1AvGfFO23PgUHH+1o8Ot52IN6z4qeGLDjHzAUpH1cXZuhPeLJBx/ta/IQ6Xl2YYfSZC7bbwTnGNJps85NsZmZBncS31m6j4/0sflKm2u12W12YmQua/t1u91e9ujAzXHVwblLi0fG+Fj/BPV5dmFtQ2+3g3Mzc3ECZT7DAxxiI96/4yakyFpm5oF7mptKfWVBHLDUTOyvQ8b4WP6mOD86RfT04R8SPodm8/Ex4IN6/4icjSl2YmZubM4u36fjeU4OWtyY76Hhfi5/cHh+cG6fjTfgtz5rkpg/x/hU/MVQm8Qu66sGO15efdhsdD/ETnil0vFbWM7pvq/jgHDOzoAbnSKFjj4f4ic50Or6vutWFmbkFsrvoC0/vyTYzmRMAHe9r8fi9GtuBeM+Kd9qeA4OO97V4dLztQLxnxTttz4FBx/taPDrediDes+KdtufAoON9Ld7x/5GGI/+EeP+K93MoBwfiId6DoRwciPegeAxlIB7i/TUQ/6TiNyHe7RMQO//g37wtrKxWwuHdeAziv158LbGyGYJ4l09A7Pwj9+ZtYWV1MxzejccOUoljiB9ffEuG+Oc1dPF8S4Z4dLynBh3/dOKxxz+HwR7/pOJxr8b1g3s1Xyxe/VBRHsryXUm6VYVrhW/muQshecJF95KrlQ2Id/kExM5LIbikrq5VI5FaIn7Ipk65dJ3nLsVcMy9cK9KtKt8VlYey+r4C8Vbx4k2Bb8qG+LUqxLt9AmLnlfj2XXFtfSsS2UsmjtKGeL6ZFyHeKv7TgPiWzF2KqdNsdD+1vhWBeJdPQOy8zi8tl9ZD29HofjJxnGHPsplzPnsl8S3ZIr74sQrxVfVDpfB+U7kvGzcos1cSe5aLH7Kh7SjEu3wCYudN/t1KORTeicUOUskTjq0PvTXpO/EE/ebnHYKeiNcvXsuWi9fEUTq8G4d4l09A7LwtrKxVNiK1RJysNOf6Ej9w2aqJf9wmBhznPm3x5c52T/xDWb4r5dvaKp+5EJInmcheAuJdPgGx8660tr4Vje4nk8cZ9iw3sNKUlIeyIb7c2d70m3jbi9eCJr4o3apCS85eimw9Fz9iA2IHcXm0O/EHqeSJXvCNvHCtSKTg70rKQ1n9UCnql62brllpHBXfW2xU4VrJNSRyVz52kArvxNaqGyvl0JK6+lZZeSO/e51feiW+fSkEf8+9/j376u/cq//hXiJPn4we7uXfuVe/Z1/9nnv9Ugi+Et++zi8FleV3xbXVzXB4JxbdTyaO0+xZNnMhZK8kvimLNwXpVs23i8p92bLEbz7u+FX843aps1X6tFX8WCm83yzod2ykmwLfkrNXYrrOJ08ysQM2spcI78TWtyKrlfDKZmi5tL6kri4VVoPKclBefpN/9zq/hDx9JD35pTf5d0F5OagsLxVWl9TV5dL6aiW8Xo0Q7sYGnzUVPFlpCg/lwvvN4sdK6dNWqbNVfvSt+FE1zzfz3KWYrudSp1ziOBM7SEX2khu1eHgnFtqOrlU3VivhlXJopRxaLq2/QyaR4pqW0vpyaZ0c7dVKeK26EdqObuzGI7VEdD8VP0qnTrPp/ls09IL3nfjKZ+tiQ2peMbb5G+2mTfZKzFwI6XouecIljjPxQzZq0N+Nh3Zioe3o+lYEmUTWqhsk5N3QdjS0Ewvvxjdq8cheMnaQih+lk8cZ7UdO2j5j3eBJwVtXms+7PhNvXWyq5ponN20Ier6Zz15J3KWQPufZs1zqlEuecImjdPyQjR2kovupyF4yspfYqMWRiSayl4jsJaP7qdhBKn7IJo7SyRMudcqxZ7n0Oc9dWrir8l2pv+CrgyuNH8VrNW9FX7KgzzUk7lLMXPB97o8z8aN0/JCNH7KxA2QSSelhyXGOH6UTxxmz9cwFuTkzyL1k5U4K3m/iq4OLzeO2ebchv3RA0JPfOxCuFb4l5xqk7MXMOZ+u82w9x55lU6dc6pRLnmSQSSRxrIW8S442e5Zl67l0nc+c89ylmL2Sco0835KFa0XUr1aVe/2O5Mf+n7O6bKWZrviBmi+aa96EXropiL2y19xzFwKhn67z7FkOmULI0c6c89yF0LPezGvW+7kbBV90ccE7IX4M9OTujXhTEK8Vre+b+VxD0uhfipkLAZlCyNHOXkm5hpRr6r2uV7t2qTqKu6/Fa4uNftPG+N0ygr5/py9Kt2rPfUvhW7JGv5nPNSRkGmnmCXS+JQutnnUzd2K9x53sM+abkvpK4yPx/ej7at6EvkJ2ekvZ9/r+piBeK0Q/MrkQ3EZEvdSNXrer9krxY8XKXdvg3VXwTogf2G1MV7FVA73ZvZl+r/iRycc44AZ0s3UT92rvanXIPgPxNuiNuzdW9w9l+b4k35fkuyIJeQGQScc44OT4k9ei37p2Z8aWu6/F09HblP2HSvFDxVjuzfp7JwAy4RgH3HgJtJWdxLba3c19quKHorcre4O+qrtXP1TU91qMFwCZaIwDbn4VDOiUanctdyfF08t+kL7NCYBMJebjb4E+str9Ln4Ees39NolxTM36EQdjfkWMl4lS7S7k7oD4Ye4p9Dcft8v9JwDiQB7NykdDd6F1J8UPQ29DX0+ZuEcciu2LQnkRHZftOvHj0KecAIgjGfliOc7pGYj/Iv2IC+M4m2csHieDa+M4AN+JR5AnCcQj/grEI/4KxCP+CsQj/grEI/4KxCP+CsQj/sr/A8lrzHdoz9nuAAAAAElFTkSuQmCC" alt="" />

IE可以了然后我们换个火狐试试,无论我怎么刷新都没有弹出我希望的200px,f12调试一下,原来如此,火狐不支持currentStyle方法.

aaarticlea/png;base64,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" alt="" />

火狐和Chrome支持的是另外一个方法:getComputedStyle,大概意思就是获取完成的样式.

用法:getComputedStyle(元素,false).属性名

同2,我们的代码应该这样写:

var w=getComputedStyle(document.getElementById('div1'),false).width;

alert(w);

现在不报错了,也能正常的获取了

aaarticlea/png;base64,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" alt="" />

经过修改,我就完成了最终代码

    var div = document.getElementById("div");
div.addEventListener("click",function(){
try{
//非IE浏览器
alert(getComputedStyle(div,false).width);
}catch(ew){
//IE浏览器使用方式
alert(div.currentStyle.width);
}
},false);

如何javascript获取css中的样式的更多相关文章

  1. javascript获取css中的样式值

    <body> <input type="button" id="btn" value="启动"/> <img ...

  2. js获取css中的样式

    众所周知,obj.style只能够获取 <div id="a" style="width:100px;"></div> 结构上的样式 如 ...

  3. 重温JavaScript获取CSS样式的方法(兼容各浏览器)

    众所周知,CSS样式有三种类型:行内样式.内部样式和外部样式,JavaScript获取CSS样式时分为两种情况:行内样式获取法 和 非行内样式获取法 . 一.行内样式获取相对简单,通过element. ...

  4. javascript获取元素的计算样式

    使用css控制页面有4种方式,分别为行内样式(内联样式).内嵌式.链接式.导入式. 行内样式(内联样式)即写在html标签中的style属性中,如<div style="width:1 ...

  5. JavaScript获取地址栏中的参数

    JavaScript获取地址栏中的参数 1.获取地址栏中的参数 (1)若地址栏中的地址是: http://10.124.36.56:8080/CMOD/index.jsp?name=you&p ...

  6. Javascript获取数组中的最大值和最小值的方法汇总

    比较数组中数值的大小是比较常见的操作,下面同本文给大家分享四种放哪广发获取数组中最大值和最小值,对此感兴趣的朋友一起学习吧   比较数组中数值的大小是比较常见的操作,比较大小的方法有多种,比如可以使用 ...

  7. CSS中的样式层叠机制Cascade

    CSS中的样式层叠机制Cascade 一.样式冲突   样式冲突是CSS渲染过程要解决的一个关键问题,样式冲突主要由两个原因造成: 元素包含了不同对象所赋予的样式:浏览器.用户.作者.其中,浏览器样式 ...

  8. JavaScript获取css 行间样式,内连样式和外链样式的方式

    [行间样式获取] <div id='div1' style="backgroud:red">测试</div> <script> var odiv ...

  9. flask模板应用-javaScript和CSS中jinja2

    当程序逐渐变大时,很多时候我们需要在javaScript和CSS代码中使用jinja2提供的变量值,甚至是控制语句.比如,通过传入模板的theme_color变量来为页面设置主题色彩,或是根据用户是否 ...

随机推荐

  1. 【JAVA笔记】JAVA后端实现统一扫码支付:微信篇

    最近做完了一个项目,正好没事做,产品经理就给我安排了一个任务.   做一个像收钱吧这样可以统一扫码收钱的功能.   一开始并不知道是怎么实现的,咨询了好几个朋友,才知道大概的业务流程:先是开一个网页用 ...

  2. Graphql入门

    Graphql入门 GraphQL是一个查询语言,由Facebook开发,用于替换RESTful API.服务端可以用任何的语言实现.具体的你可以查看Facebook关于GraphQL的文档和各种语言 ...

  3. 关于WIN10开机无法输入密码的问题

    昨日,电脑 遇到了开机无法输入密码的问题,神烦. 作为一个计算狗,怎么能直接装系统(百度了一堆方法,装系统,果真万能)呢. 所以,深刻的分析了下. 1 .首先说明基本情况. 计算机品牌:ASUS 系统 ...

  4. 正则表达式之一:TSQL注释的查找

    最近自己做了个小项目,涉及到了大量的正则表达式匹配和处理,在这里也和大家分享一下. 我相信接触过SQL Server数据库的很多朋友都知道,它是以"--"开头来进行注释的,但你觉得 ...

  5. iOS 获取公历、农历日期的年月日

    iOS 获取公历.农历日期的年月日 介绍三种方法获取 Date (NSDate) 的年月日. 用 date 表示当前日期.测试日期为公历 2017 年 2 月 5 日,农历丁酉年,鸡年,正月初九. l ...

  6. 理解Node.js(译文)

    前言 总括 :这篇文章十分生动形象的的介绍了Node,满足了读者想去了解Node的需求.作者是Node的第一批贡献者之一,德国前端大神.译者觉得作者的比喻很适合初学者理解Node,特此翻译. 译者 : ...

  7. ArcGIS Pro 简明教程(4)工具和模型构建器

    ArcGIS Pro 简明教程(4)工具和模型构建器 by 李远祥 工具箱中的工具 ArcGIS Pro 在1.3版本基本上已经继承了ArcMap的所有工具,而且会不断加入一些它自身才有的工具,例如适 ...

  8. Mybatis实战之自定义TypeHandler处理枚举

    在Mybatis中,处理枚举类的TypeHandler有两个: EnumTypeHandler: 用于保存枚举名 EnumOrdinalTypeHandler: 用于保存枚举的序号. 在实际项目中,以 ...

  9. 自己用到的相关Linux命令,谨以记录

    1.查看磁盘使用情况 df -h(方便看些) df -l(字节大小,不方便看) 2.查看根目录下文件/文件夹大小 du -sh /*(/*表示根目录下所有文件) 3.查看文件列表时显示文件大小 ll ...

  10. MASM32快速起步

    MASM32是一个免费的软件程序,让您编辑Microsoft宏汇编程序(MASM)代码从一个基本的文本界面.它强调MASM代码各部分以不同的颜色,使其更容易扫描和检测错误.它提供了一个简单的布局程序员 ...