<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ margin: 0; padding: 0; } div { width: 1000px; height: 300px; text-align: center; background: #0e90d2; color: #d3eff9; font-family: '微软雅黑'; line-height: 300px; } p { font-size: 20px; } .answer{display:none;} </style></head><body><div> <p>鼠标经过文字将会缩放</p></div><script type="text/javascript">window.onload=function(){ div=document.getElementsByTagName("div")[0]; div.onmouseover=function(){ startMove(); }}function startMove(){//情况一：尚未改变div的样式，不能够获取非内联样式alert(div.style.width);/*情况二：改变了div的样式，能够获取非内联样式div.style.width=300+"px";alert(div.style.width);*/}</script></body></html>
3 回答
千秋此意
TA贡献158条经验 获得超187个赞
.style只能获取内联样式，设置样式也是内联的
获取非内联的方法：
/** * div.currentStyle 兼容ie * window.getComputedStyle firefox chrome等 * 以上返回一个CSSStyleDeclaration对象，即一个css样式的键值对集合 */ var width = (div.currentStyle || getComputedStyle(div, null))['width'];
添加回答
举报
0/150
提交
取消