Question

我有一系列图像元素。每张图片都有一个特定的alt值：

<img src="dice1" alt="1" onclick="change(this);">
<img src="dice2" alt="2" onclick="change(this);">
etc,etc,etc.

我想循环遍历数组，并根据其alt值更改图像。在这种情况下，当单击图像时，它将替换为其alt值对应于从1到6的随机生成数字的图像，如代码试图演示：

function change(diceToChange) {
    var imgArray = getElementsByTagName("img");
    var randNum = Math.floor(Math.random() * 6) + 1;
    var i;
    for (i = 0; i < imgArray.length; i++) {
        **if alt value of imgArray[i] equals randNum** {  <-- something like this
            diceToChange.style.display = "none";
            imgArray[i].style.display = "block";
        }
    }
}

这甚至可以使用javascript吗？什么声明可以使这项工作？

Answer 1

使用getAttribute

function change(diceToChange) {
    var imgArray = getElementsByTagName("img");
    var randNum = Math.floor(Math.random() * 6) + 1;
    var i;
    for (i = 0; i < imgArray.length; i++) {
        if (imgArray[i].getAttribute('alt') == randNum) { 
            diceToChange.style.display = "none";
            imgArray[i].style.display = "block";
        }
    }
}

Answer 2

HTMLImageElement具有alt属性，因此无需在此使用getAttribute

imgArray[i].alt == randNum

javascript / children-检查图像的alt值

2 个答案: