javascript/children- проверьте значение alt для изображения

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