Einstellen Doppel getElementByld aus dem Dokument in JavaScript

Question

ich eine js Funktion haben, die die Breite eines Fortschrittsbalkens setzt, habe ich auch hinzugefügt vor kurzem eine neue ID unten

(function() { 
    var elem = document.getElementById("myBar"); 
    var width = 0; 
    var id = setInterval(frame, 50); 

    function frame() { 
     if (width >= document.getElementById("results-percentile-2").innerHTML) { 
      clearInterval(id); 
     } else { 
      width++; 
      elem.style.width = width + '%'; 
      document.getElementById("demo").innerHTML = width * 1 + document.getElementById("results-suffix").innerHTML ; 
     } 
    } 
}()); 

ich dies wie

in HTML anzurufenden sehen

<div class="myProgress"> 
         <div id="myBar" style="width:0"> 
          <div id="demo"><span id="results-suffix"></span></div> 
          <!--<div id="demo"></div>--> 
         </div> 
        </div> 
<span id="results-percentile-2"></span>% 

Problem kommt mit dem zweiten ID results-suffix dies funktioniert aber jetzt ist die erste results-percentile-2 Dosis nicht funktioniert, scheint i eine oder das andere haben kann, was mache ich falsch. Danke.

Answer 1

Aktualisiert

(function() { 
     var elem = document.getElementById("myBar"); 
     var width = 0; 
     var id = setInterval(frame, 50); 

     function frame() { 
      if (width >= 100)) { 
       clearInterval(id); 
      } else { 
       width++; 
       elem.style.width = width + '%'; 
       document.getElementById("results-percentile-2").innerHTML = width; 
      } 
     } 
    }());