Question

首先，大家好..我只是想为朋友制作一个简单的网站，我想添加一些效果..但是jeah ..首先我只想改变一个元素的背景但是后来遇到了这个： / p>

TypeError：$（...）。style未定义（在Firefox控制台中）

HTML：

<!DOCTYPE html>
<html lang="DE">
<head>
 <meta charset="utf-8"/>
 <title>Laura Sack - Offizielle Webseite</title>
</head>
<body>
 <div id="gallery-container" class="gallery-container cf"></div>
 <script src="js/jquery.js"></script>
 <script src="js/main.js"></script>
</body>
</html>

使用Javascript：

$(document).ready(function(){
   $("#gallery-container").style.background = "black";
});

Answer 1

你正在将javascript与jquery混合。

在jquery中，你必须使用css()使它像这样工作：

 $("#gallery-container").css("background","black");

Answer 2

试试这个，

$(document).ready(function(){
   $("#gallery-container").css('background-color','black');
});

Answer 3

这是正确的jQuery方法：

$(document).ready(function(){
   $("#gallery-container").css('background-color','black');
});

Answer 4

您需要通过以下方式存在：

$(document).ready(function(){
   let g = $("#gallery-container");
   if(typeof g !== undefined) g.css('background','black');
});

TypeError：$（...）。style未定义 - bug还是我的错？

4 个答案: