Question

我需要帮助完成使用set属性和交通信号灯的3张图像的交通信号灯。

这是我到目前为止所做的：

<img src="theImage" alt="red.jpg">

<p><input type="button" id="theButton" value="click me!" onclick="pictureChange()"></p>

var lights = ["red.jpg", "amber.jpg", "green.jpg"]

function pictureChange(){
  // line 18:
  document.getElementById("theImage").setAttribute(lights, "amber.jpg");
}

根据谷歌Chrome控制台，第18行是错误的，但我找不到解决此问题的方法。

Answer 1

在你的set属性中，你需要将灯光放在引号中。它是一个字符串属性名称。

document.getElementById('theImage').setAttribute('lights','amber.jpg');

修改现在我看一下，我想你希望每次点击该按钮都会改变红绿灯。这就是我要做的事情

var lights = ["red.jpg","amber.jpg","green.jpg"] var lightCounter=0; function pictureChange(){ lightCounter+=1; //Increase the lightCounter by 1; document.getElementById('theImage').src=lights[lightCounter];//Set the source of the image to be an element in the array pointed at by the light counter }

交通灯使用setAtrribute与3个图像

1 个答案: