获取元素不工作的JavaScript函数
因此,我尝试创建一个函数来获取一个HTML元素,然后在我选择了HTML元素之后,我尝试通过JavaScript将CSS应用到它,但它似乎不起作用。相反,我得到一个错误,上面写着“UncaughtTypeError:无法读取未定义的属性'style'。我做错了什么获取元素不工作的JavaScript函数,javascript,html,css,Javascript,Html,Css,因此,我尝试创建一个函数来获取一个HTML元素,然后在我选择了HTML元素之后,我尝试通过JavaScript将CSS应用到它,但它似乎不起作用。相反,我得到一个错误,上面写着“UncaughtTypeError:无法读取未定义的属性'style'。我做错了什么 document.querySelector('h1').style.color = 'brown'; (尽管这样做有效) 衣橱.js: function qSelector(element) { document.query
document.querySelector('h1').style.color = 'brown';
(尽管这样做有效)
衣橱.js:
function qSelector(element) {
document.querySelector(element);
}
qSelector('h1').style.color = 'brown';
index.html:
<html>
<head>
</head>
<body>
<h1 id="thing">Header 1</h1>
<script src="Wardrobe.js"></script>
</body>
</html>
标题1
我希望
的颜色是棕色,但它仍然是黑色。您没有从函数qSelector
返回元素(默认情况下,该函数返回未定义的,因此未捕获类型错误:无法读取未定义的的属性“style”):
函数qSelector(元素){
返回单据查询选择器(元素)//