Question

基本上我只是在学习JavaScript而我想弄明白为什么这不起作用任何人都可以帮助我吗？我预计在加载时image1将被image2替换。

<! DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>Slide show</title>
 </head>

 <body>
<h1>Pictures</h1>
    <img src="image1.jpg" id="first">
    <img src="image2.jpg" id="second">

<script type="text/javascript" src="Slideshow.js"></script>
</body>

</html>

这是javascript：

var first = document.getElementById("first");
var image2 = document.getElements("second");
var slideit = function() {

if (first === image1.jpg) {
    first.setAttribute("src", image2);
}
}

onload.slideit();

Answer 1

我认为问题在于此代码

if (first === image1.jpg) {

尝试放

if (first.getAttribute('src') === 'image1.jpg') {

然后也许还在重新分配

first.setAttribute("src", image2.getAttribute('src'));

同样，变量image2似乎被错误地初始化

var image2 = document.getElementsById("second");

Answer 2

试试这个，

var first = document.getElementById("first");
var image2 = document.getElementById("second");

var slideit = function() {

    if (first.getAttribute('src') == "image1.jpg") {
        first.setAttribute("src", image2.getAttribute('src'));
    }
}

onload.slideit();

Answer 3

您的这部分代码错误

var image2 = document.getElements("second");

应该是：

var image2 = document.getElementById("second").getAttribute("src");

Answer 4

如果您想在两张图片之间切换，可以使用conditional operator ? :：

first.src = first.src == 'image1.jpg'? 'image2.jpg' : 'image1.jpg';

但这可能不是你想要做的。

如何使用setAttribute方法？

4 个答案: