1.用style来获取的是行间样式,若是要获取非行间样式,则要采用currenStyle,getComputedStyle。在用参数的时候要用[]这个来框出来,不能用.
2.getComputedStyle(obj,false)[name]这个false可以换成别的,null也行。换成nul就报错。
3.alert(getStyle(oDiv, ‘background‘));这里获取的background 是一个复合的样式。这个地方如果是要获取‘width‘不能直接用width。
在函数传参的时候,color则在oDiv.style.background=color
这里就不能写成‘color’,color为变量。在传入参数的时候要写成‘green’。变量和参数不用加引号,而其余的就要加引号
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> #div1 { width:200px; height: 200px; background: red; } </style> <script type="text/javascript"> var a = new Array (223,43,2,2,2,2); var b = [1,2,3] // a.length = 1; // a.unshift(3); // a.splice(2,2); // alert(a); // alert(a.concat(b)); alert(b.concat(a)); alert(a.join(‘~~‘)) alert(a.sort(function (n1, n2) { return n1-n2; // if(n1<n2) // { // return -1; // } // else if(n1>n2) // { // return 1; // } // else // { // return 0; // } })); function css(obj, name, value) { alert(obj == arguments[0]); if(arguments.length == 2) { return arguments[0].style[arguments[1]]; } else { arguments[0].style[arguments[1]] = arguments[2]; } } function getStyle(obj, name) { if(obj.currentStyle) { return obj.currentStyle[name]; } else { return getComputedStyle(obj,false)[name]; } } window.onload = function () { var oDiv = document.getElementById(‘div1‘); // alert(oDiv.currentStyle.width); // alert(getComputedStyle(oDiv,false).width); alert(getStyle(oDiv, ‘background‘)); } </script> </head> <body> <div id = "div1"></div> " </body> </html>
因为他们是字符串。oDiv,是变量,传入的是参数,都不用加引号
时间: 2024-10-10 18:25:51