小编Tri*_*dez的帖子

捕获元素不起作用的JavaScript函数

因此,我试图创建一个可捕获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>是棕色,但仍然是黑色。

html javascript css

2
推荐指数
1
解决办法
44
查看次数

标签 统计

css ×1

html ×1

javascript ×1