<分区>
标签 javascript html css
<分区>
目前，我正在尝试在按钮单击事件中使用其类名更改 div 容器的背景图像，但我在控制台上收到此错误“无法设置未定义的属性 backgroundImage”。无法理解代码中的错误。
<!DOCTYPE html>
<html>
<head>
<script>
function slide()
{
var ele = document.getElementsByClassName("banner-section");
ele.style.backgroundImage = "url(image-2.png)";
}
</script>
<head>
<body>
<!--Main Container Start-->
<div class="main-container">
<!--Header Section Starts-->
<div class="header-section">
<!--<img id="logo" src="images/logo/logo-2.png">-->
<!--Navigation Section Starts-->
<div class="navigation-section">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<!--Navigation Section Ends-->
</div>
<!--Header Section Ends-->
<!--Banner Section Starts-->
<div class="banner-section" id="x">
<button onclick="slide2()">Previous</button>
<button onclick="slide()">Next</button>
</div>
<!--Banner Section Ends-->
</div>
<!--Main Container Ends-->
</body>
</html>最佳答案
尝试
var ele = document.getElementsByClassName("banner-section")[0]
因为 getElementsByClassName 返回一个元素数组。
关于javascript - 无法设置未定义的属性 backgroundImage，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39915262/