Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
获取元素不工作的JavaScript函数_Javascript_Html_Css - Fatal编程技术网

获取元素不工作的JavaScript函数

获取元素不工作的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

因此,我尝试创建一个函数来获取一个HTML元素,然后在我选择了HTML元素之后,我尝试通过JavaScript将CSS应用到它,但它似乎不起作用。相反,我得到一个错误,上面写着“UncaughtTypeError:无法读取未定义的属性'style'。我做错了什么

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(元素){
返回单据查询选择器(元素)//