因此,我试图创建一个可捕获HTML元素的函数,然后在选择HTML元素后,我尝试通过JavaScript将CSS应用于该元素,但它似乎不起作用。相反,我收到一条错误消息,指出“未捕获的TypeError:无法读取未定义的属性'style'”。我究竟做错了什么?
document.querySelector('h1').style.color = 'brown';
Run Code Online (Sandbox Code Playgroud)
(虽然有效)
Wardrobe.js:
function qSelector(element) {
document.querySelector(element);
}
qSelector('h1').style.color = 'brown';
Run Code Online (Sandbox Code Playgroud)
index.html:
<html>
<head>
</head>
<body>
<h1 id="thing">Header 1</h1>
<script src="Wardrobe.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
我希望的颜色<h1>是棕色,但仍然是黑色。