js（操作内联样式）1、如果css的样式中包含-则在js中不能直接使⽤-属性，应该去掉-改为驼峰命名法。
<script type="text/javascript">
var ElementById("div1");
var ElementById("btn0");
div1.style.width="300px";
div1.style.height="300px";
div1.style.backgroundColor="red";
}
}
</script>
//我们通过style属性修改的css样式都是内嵌样式优先级很⾼仅次于！important
//并且通过style读的样式也是内嵌样式
2、获取当前正在⽣效的css样式
<script type="text/javascript">
var ElementById("div1");
var ElementById("btn0");
alert(div1.currentStyle.backgroundColor);
};
};
</script>
//currentStyle只⽀持ie浏览器不建议使⽤
<script type="text/javascript">
var ElementById("div1");
var ElementById("btn0");
alert(getComputedStyle(div1,null).width);
};
};
</script>
//其他浏览器可以通过window的getComputerStyle()来获取，
//第⼀个参数为要获取样式的组件，
//另外⼀个参数为为元素⼀般传null 此⽅式不⽀持ie8及ie8⼀下
兼容所有浏览器
<script type="text/javascript">
var ElementById("div1");
var ElementById("btn0");
alert(getStyle(div1,"width"));
};
};
function getStyle  (obj,name){
ComputedStyle?getComputedStyle(obj,null)[name]:obj.currentStyle.name;  };
</script>
通过以上⽅法获得的样式 只能查看 不能修改 修改必须通过style属性
3、
clientHeight、clientWidth返回元素的可见⾼度 宽度数值 可直接参与计算 包括内容区和内边距
offsetHeight、offsetWidth返回元素的整个⾼度和宽度 包括内容区、内边距、边框
offParent获得距离该元素最近的开启定位的祖先元素 如果没有开启定位的祖先元素则返回body
offsetLeft、offsetTop获取该元素相对于offParent的偏移量
scrollHeight、scrollWidth是获取整个滚动区域的⾼度和宽度，scrollLeft、scrollTop是滚动天已经滚动的⽔平和垂直距离
4、（滚动条）⽤户协议的应⽤
<script type="text/javascript">
var ElementsByTagName("input");
var ElementById("div1");
if(div1.scrollHeight-div1.scrollTop==div1.clientHeight)
{js控制滚动条
inputs[0].disabled=false;
inputs[1].disabled=false;
}
};
};
</script>
Chrome 不⾏ IE可以？我在Chrome浏览器不能达到预期效果原因未知

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。