<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>arguments</title> <style> #div1 { width: 200px; height: 200px; background: red; } </style> <script> // 1、求和应用 // function sum() { // //alert(arguments.length); // var result = 0; // var i = 0; // for (i = 0; i < arguments.length; i++) { // result += arguments[i]; // } // alert(result); // } // sum(1, 2); //2、css应用 function getStyle(obj, attr) { //返回函数样式兼容性问题 if (obj.currentStyle) { return obj.currentStyle[attr]; //ie//不是ie返回undifined } else { return getComputedStyle(obj, false)[attr]; //火狐 } } function css(obj, attr, value) { if (arguments.length == 2) { //获取非行间样式 return getStyle(obj, attr); } else if (arguments.length == 3) { //设置 obj.style[attr] = value; } } window.onload = function() { var oBtn = document.getElementById(‘btn1‘); var oDiv = document.getElementById(‘div1‘); oBtn.onclick = function() { css(oDiv, ‘background‘, ‘green‘); //alert(css(oDiv, ‘width‘)); } } </script> </head> <body> <input id="btn1" type="button" name="" value="样式"> <div id="div1" style=></div> </body> </html>
原文：http://www.cnblogs.com/Mr-W/p/6339858.html