getComputedStyle

Posted 2020-10-06

function getStyle(elem, property) {
            // ie通过currentStyle来获取元素的样式，其他浏览器通过getComputedStyle来获取
            //svar that = this;
            return document.defaultView.getComputedStyle ? document.defaultView.getComputedStyle(elem,false)[property] : elem.currentStyle[property];
        }

var div1=document.getElementById("#div1");
		console.log(div1);
		console.log(getStyle(div1,‘width‘));

代码在运行的时候报出错误，

Uncaught TypeError: Failed to execute ‘getComputedStyle‘ on ‘Window‘: parameter 1 is not of type ‘Element‘.
    at getStyle (ts1.html:37)
    at

起初以为是getComputedStyle的使用方面出现了问题，了解一些知识后，并没有错误。这时，再看报出的错误信息提示，“无法解析Window上的getComputedStyle:参数1不是element类型”，这时尝试console.log("div1"),果然是null.于是去查了getElementById的用法，果然，是因为在参数里面多添加了一个#,去掉#,一切正常。