.innerHTML Inhalte auf der Seite

Question

nicht ändern Ich habe andere ähnliche Fragen/Antworten gesucht, aber niemand scheint für mich zu arbeiten. Ich habe jede einzelne Kombination (text, innerHTML, jQuery, html) versucht, damit es ohne Erfolg funktioniert.

Javascript:

if (store.indexOf(nome) > -1) { 

if (righe+incrementi < 30) { 

    posizionamento = store.indexOf(nome); 
    var incrementa = parseInt(document.getElementById('quantity'+posizionamento).innerHTML); 
    incrementa ++; 
    document.getElementById('quantity'+posizionamento).innerHTML = incrementa; 
    incrementi = incrementi+1; 

    var settam = document.getElementById('count').innerHTML; 

    var tipo = document.getElementById(posizionamento).getAttribute('data-tipo'); 
    if (tipo === "water"){ 
     settam++; 
     document.getElementById('count').innerHTML = settam; 
     alert(settam); }}} 

HTML-Code:

<div id="conteggio"> 
<div class="titoli">Elements:</div> 

<span style="display: none" id="counttxt"> 
    <span class="conteggio">Count</span> 
    <span class="count" id="count"></span> 
</span> 
</div> 

Ich bin immer verrückt mit, dass die Warnung richtig funktioniert (zeigt die rechte int), aber die innerHTML- nicht nichts ändern, mittlerweile das andere funktioniert richtig (incrementa ++; [...]. innerHTML = incrementa;) Getestet in Chrom und Safari. Im Firefox ändert sich, aber nachdem ich die Warnung geschlossen habe, setzt sie den "Wert" auf den vorherigen "Wert" zurück.
Was mache ich falsch?

Answer 1

Remove style = "display: none" von

<span style="display: none" id="counttxt"> 

Versuchen

<span id="counttxt"> 
    <span class="conteggio">Count</span> 
    <span class="count" id="count"></span> 
</span>