如何在javascript中重复相同的节点以编辑html？

Question

我有一个基于html / javascript的程序，正在python flask中使用。真正的问题出在我的JavaScript代码上。

@app.route('/')
def server():
    def server_generator():
        yield(render_template("layout.html"))
        text = request.args.get('text')
        if text != None:
            yield("""
            <script>
                var maindiv = document.createElement('div');
                maindiv.setAttribute('class', 'container');
                var mainp = document.createElement('p');
                mainp.setAttribute('class', 'user');
                var mainspan = document.createElement('span');
                mainspan.setAttribute('class', 'time-right');
                var text = document.createTextNode("{0}");
                var time = document.createTextNode("{1}");
                mainp.appendChild(text);
                mainspan.appendChild(time);
                maindiv.appendChild(mainp);
                maindiv.appendChild(mainspan);
                bossdiv = document.getElementById('serverid');
                bossdiv.appendChild(maindiv);
            </script>
            """.format(data, server_info))
    return Response(stream_with_context(server_generator()))

上面的代码只能工作一次，但是在第二次之后，它只会覆盖第一个附加节点。我尝试使用.cloneNode(true)，但是没有用（或者我没有正确使用）。我不确定如何解决这种类型的问题，以及不确定要多次添加同一节点的内容。