2016-08-01 6 views
-1

У меня есть DIV, что его содержимое извлекается из innerhtml, как показаноDIV заменяемого содержимое DIV

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

это ДИВ, что innerhtml заменяет его содержание. Содержимое div отображается только в течение нескольких секунд и исчезает.

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

Пожалуйста, как я могу сохранить содержание DIV в качестве заголовка в то время как содержание innerhtml отображается как хорошо. Любезно помочь!

+1

Пожалуйста, отметьте ваши вопросы соответствующими тегами - это явно проблема с javascript и даже не использует CSS3 в любом месте. – TheThirdMan

+0

ладно спасибо. мы узнаем каждый день –

ответ

0

Вы можете использовать определенный div для содержимого users и сохранить исходное содержимое вашего 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

, поэтому он продолжает умножать содержимое inerhtml. Например, я теперь несколько пользователей, бесконечно повторяющихся –

+0

В этом случае вы можете использовать внутренний div, специфичный для контента пользователей. –

+0

любезно отредактируйте свой ответ, затем –

1

HTML

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

сценарий

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

Я хочу, чтобы он в том же div в другом не влиял на уже существующий макет страницы –

+0

Это не повлияет на макет страницы, поскольку он находится в том же div, что и ваш H3, но таким образом вы сможете сохранить заголовок, описывающий, что эти имена вместо того, чтобы удалять его, как только будет заполнен список активных пользователей, что означает, что ваш текущий код противоречит моему предложению, разрушающему существующий макет. –

+0

добавляет, что он разбрасывает мой макет страницы. –

Смежные вопросы