javascript - javascript/children-检查图片的alt值

我有一组图像元素。每个图像都有一个特定的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甚至可能吗？什么说法会使这项工作有效？

最佳答案

使用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";
        }
    }
}