2014-12-16 1 views
0

나는 이미지 요소의 배열을 가지고 있습니다. 그 대체 값에 기초하여 화상을javascript/children- 이미지의 alt 값을 확인하십시오.

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

I 배열을 반복하려는 변경 : 각각의 이미지는 특정 대체 값을 갖는다.

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

사용이 가능하다조차 : 이미지를 클릭하면 코드 입증하려고이 경우에, 그것은, 그 고도 값 1~6 임의로 생성 된 번호에 대응하는 화상에 의해 대체 될 자바 스크립트? 어떤 진술이이 효과를 낼 것입니까? 사용 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"; 
     } 
    } 
} 
+0

'경우 (imgArray [I] .getAttribute ('고도') == randNum) ' –

+0

대단히 가능합니다. 내가 프로그램에서 이해하는 것은 1과 6 사이의 임의의 숫자와 일치하는 주사위를 숨기고 싶다는 것입니다. – Sid

+0

실제로 난수와 일치하는 것을 보여주고 싶습니다. 나는 주사위 1을 제외하고 모든 주사위의 표시가 "none"으로 설정되었다는 사실을 잊어 버렸습니다. – Bolboa

답변

1

그래서 필요가 여기 getAttribute를 사용하지하는 alt 속성이

imgArray[i].alt == randNum 
1

HTMLImageElement

+0

님께 서이 질문에 대한 최선의 답변을 선택하는 데 어려움을 겪었습니다. – Bolboa