Question

我有一个div，其内容是从innerhtml中提取的，如图所示

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

这是innerhtml替换其内容的div。 div的内容仅显示几秒钟并消失。

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

如果同时显示innerhtml内容，请如何将div的内容保留为标题。请帮助！

Answer 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;
            }

Answer 2

您可以对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>

div的innerhtml内容替换div的内容

2 个答案: