javascript getAttributeはforループを停止します

Question

JavaScriptのHTMLとCSSのみを使用してハングマンゲームをしています。 私の関数の1つでは、valueという名前のスパンの属性を取得しようとしています。 プログラムがそのポイントに到達すると、プログラムは1回だけ実行されます。別の文字をクリックすると何もしません。コメントにgetAttribute行を置くと、文字をクリックするたびに関数が実行されます。 アイデア：\コードです

：

//Search and Update function after click 
function search_(target, letter) 
{ 
    for (var i = 0; i < randomWord.length; i++) 
    { 
     //Identify the <span>'s id by the letter 
     var target_ = document.getElementById(letter + i); 
     //Get the <span>'s value_ 
     var attr_ = target_.getAttribute('value_'); 
     alert(attr_); 
     /*if (randomWord[i] == attr_) 
     { 
      target_.className = 'hide'; 
     };*/ 
    }; 
}; 

Answer 1

まあ、私は少し機能を変更しました。今は正しく動作しています。 ありがとうございます！

function search_(letter) 
    { 
    for (var i = 0; i < randomWord.length; i++) 
    { 
     //Identify the guessWord <span> 
     var targetNew = document.getElementById(i + '' + (randomWord.length-i)); 
     //Make it appear if the word contain the clicked letter 
     if (targetNew.getAttribute('data-value') == letter) 
     { 
     targetNew.className = 'hide'; 
     }; 
    }; 
    }; 

Answer 2

は本当にわからない、これは何をしたいです。しかし、試して検討するかもしれない：

function search_(target, letter) { 
    for (var i = 0; i < randomWord.length; i++) { 
     var target_ = document.getElementById(i); // you're not assigning span's id by letter, so this the way to get its id 
     var attr_ = target_.innerText; 
     console.log(attr_); // check console log 
    }; 
}; 

を覚えている：<span>要素は、任意のvalue/value_属性が含まれていません。したがって、<span>要素の値を取得するには、innerText属性を使用する必要があります。