JS获取非行间样式
javascript可以获取元素上面的行间样式,但它获取不到存在外部的 类样式 和 ID样式
所以我们也只能等浏览器把元素渲染出来之后 我们调用 js 的某些方法去获取
用到的方法是:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><styletype="text/css">#oDiv{width:100px;height:100px;background:#FF0000;}</style><scriptlanguage="javascript">window.onload=function(){varoDiv=document.getElementById("oDiv");/*现在我们想获取ID样式里面的高度varheight=oDiv.style.height;上面这样子不可以成功获取到的因为样式高不在行间样式当中这里就采用获取外部样式的方法了IE:oDiv.currentStyle["height"];google:getComputedStyle(obj.false)["height"];*/varheight=null;if(oDiv.currentStyle){//如果当前的浏览是IE系列的话height=oDiv.currentStyle["height"];}else{//否则就是标准系列的如:googleFF等height=getComputedStyle(oDiv,false)["height"];}alert(height);}</script></head><body><divid="oDiv"></div></body></html>
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。