可変の文字列は私に長さを与えません

Question

私は簡単な性格のクイズを作るのに役立つjavascriptを使用しています。簡単？ 問題が1つあります。最後の質問では、私は "finalPage"と呼ばれるIDをつかむためにjavaを取得し、実際に "finalPage"と言っているかどうかを調べるifステートメントを持っています。奇妙なことに、それは間違っていると仮定します。私はまた、単語の長さを取得し、数字と一致させるが、無駄にしようとしました。ここにコードがあります。 また、単語が一致することを確認しました。私は何が起こっているのか分かりません。

HTML：

 <div id="finalQuestion" data-next="finalPage"> 
      <h2> Question 10, Once you finish do this again! </h2> 
       <h3> Pick the best Genre </h3> 
        <div class="button" data-group="Keyboard"> Thriller </div> 
        <div class="button" data-group="Brass"> Comedy </div> 
        <div class="button" data-group="Woodwind"> Romance </div> 
        <div class="button" data-group="Guitar"> Action </div> 
        <div class="button" data-group="Percussion"> Horror </div> 
     </div> 
    </div> 

    <div id="finalPage"> 
     <div id="GuitarPage"> 
      <h2> Congratulations! You will be turned into a...</h2> 
       <h1> Guitar Instrument! </h1> 
        <!-- insert image --> 


     </div> 

     <div id="BrassPage"> 
      <h2> Congratulations! You will be turned into a...</h2> 
       <h1> Brass Instrument! </h1> 
        <!-- insert image --> 


     </div> 

     <div id="WoodwindPage"> 
      <h2> Congratulations! You will be turned into a...</h2> 
       <h1> Woodwind Instrument! </h1> 
        <!-- insert image --> 


     </div> 

     <div id="PercussionPage"> 
      <h2> Congratulations! You will be turned into a...</h2> 
       <h1> Percussion Instrument! </h1> 
        <!-- insert image --> 


     </div> 
     <div id="KeyboardPage"> 
      <h2> Congratulations! You will be turned into a...</h2> 
       <h1> Keyboard Instrument! </h1> 
        <!-- insert image --> 


     </div> 
    </div> 

相続人はJavascriptを：

var thispage = this.parentElement; 
thispage.style.display = "none"; 

var nextQuestion= document.getElementById(thispage.dataset.next); 
if (nextQuestion == "finalPage") 
{ 
    if(Guitar > Percussion && Brass && Keyboard && Woodwind) 
     { 
     document.getElementById("Guitar").style.display ="none"; 
     } 

     if(Percussion > Guitar && Brass && Keyboard && Woodwind) 
     { 
      document.getElementById("Percussion").style.display ="none"; 

     } 

    if(Brass > Percussion && Guitar && Keyboard && Woodwind) { 
     document.getElementById("Brass").style.display ="none"; 
    } 

    if(Keyboard > Percussion && Guitar && Brass && Woodwind) { 
     document.getElementById("Keyboard").style.display ="none"; 
    } 

    if(Woodwind > Percussion && Guitar && Keyboard && Brass) { 
     document.getElementById("Woodwind").style.display ="none"; 
    } 
    //show final page 
} 

else { 
    nextQuestion.style.display = "block"; 
} 

}

Answer 1

getElementByIdはない、それはIDが、DOM要素を返します。あなたがつかんできた要素は「finalPage」のIDを持っているかどうかを知りたい場合は、明示的にチェックする必要があると思います：

if (nextQuestion.getAttribute('id') === 'finalPage') { 

    // ... 

}