挺进 JavaScript0 评论 45 阅读 7 天前举报
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="UTF-8">
- <title > 获取 & 修改 CSS 内部样式 </title>
- <style>
- #div1{
- background-color: blue;
- height: 200px;
- width: 200px;
- }
- </style>
- <script>
- function css(obj, styleName, value){
- if(arguments.length === 2){
- // 获取样式
- //return obj.style[styleName]; // 该方法无法获取内部样式参数
- if(obj.currentStyle){
- // 兼容 IE
- return obj.currentStyle[styleName];
- }
- else{
- // 兼容谷歌, 火狐
- return getComputedStyle(obj, false)[styleName];
- }
- }
- if(arguments.length === 3){
- // 修改样式
- obj.style[styleName]=value;
- }
- }
- // 测试
- window.onload = function(){
- var oDiv = document.getElementById('div1');
- alert(css(oDiv, 'width'));
- css(oDiv, 'background-color', '#4f534d')
- }
- </script>
- </head>
- <body>
- <div id="div1"></div>
- </body>
- </html>
来源: http://www.qdfuns.com/note/50845/7071eec57cd5e8ed59ac71eb82425bdc.html