2016-08-01 17 views
-1

Ich habe ein div, das seinen Inhalt aus innerHTML- gezogen wird, wiedivs innerHTML- Inhalt den Inhalt eines div ersetzt

gezeigt
var users = ''; 
       for (var i = 0; i < json.length; i++) { 
        users += '<strong>' + json[i].name + '</strong><br/>'; 
       } 
       users_container.innerHTML = users; 
      } 

dies ist der div, dass die Innerhtml seinen Inhalt ersetzt. Der Inhalt des Divs wird nur für einige Sekunden angezeigt und verschwindet.

Bitte wie kann ich den Inhalt des div als Header behalten, während der Inhalt innerhall angezeigt wird. Bitte helfen!

+1

Bitte markieren Sie Ihre Fragen mit den entsprechenden Tags - das ist eindeutig ein Javascript-Problem und verwendet CSS3 nicht einmal irgendwo. – TheThirdMan

+0

okay danke. wir lernen jeden Tag –

Antwort

0

Sie können eine spezifische div für den Inhalt users verwenden und behalten Sie den ursprünglichen Inhalt Ihrer div.

JavaScript:

var users_div = document.getElementById("users_div"); 
var users = ''; 
       for (var i = 0; i < json.length; i++) { 
        users += '<strong>' + json[i].name + '</strong><br/>'; 
       } 
       users_div.innerHTML = users; 
      } 

HTML:

<div id="users-container" class="inner-container"> 
    <h3>Active users</h3> 
    <div id="users_div"> 
    </div> 
</div> 
+0

das multipliziert den Inhalt der inerhtml. Für zB ich wiederhole jetzt mehrere Endnutzer endlos –

+0

In diesem Fall kann man einen inneren div spezifischen User-Inhalt einstellen. –

+0

freundlicherweise bearbeiten Sie Ihre Antwort dann –

1

html

<div id="users-container" class="inner-container"> 
    <h3>Active users</h3> 
    <div id="usersList"></div> 
</div> 

Skript

var users = ''; 
       for (var i = 0; i < json.length; i++) { 
        users += '<strong>' + json[i].name + '</strong><br/>'; 
       } 
       usersList.innerHTML = users; 
      } 
+0

Ich möchte es in der gleichen div in anderen nicht beeinflussen bereits bestehenden Seitenlayout –

+0

Es wird nicht das Seitenlayout beeinflussen, wie es in der gleichen div ist, wie Ihre H3 ist, aber auf diese Weise erhalten Sie erhalten die Überschrift zu beschreiben, was Diese Namen werden nicht gelöscht, sobald die Liste der aktiven Benutzer ausgefüllt ist, was bedeutet, dass Ihr aktueller Code meinem Vorschlag widerspricht, indem er Ihr vorhandenes Layout zerstört –

+0

hinzufügt, es streut mein Seitenlayout –