Question

我有一个div显示用户发送的消息，当用户点击＆＃39; save_convo＆＃39;按钮div内容被翻译为一个名为＆＃39; story＆＃39;的JS变量，传递给查询字符串并显示在不同的页面上。

JS

    var element = document.getElementById('msg_display');
    var story = element.textContent || element.innerText; 
 // Getting text content as we only want to display the messages

$( document ).ready(function() { // button that triggers passing of data
$('#save_convo').click(function() {
    window.location.href = 'http://ex.com/publish.php?convo=' + story + '';
    return false;
});
});

HTML

<div id="msg_display">
<!-- messages are shown here -->
</div>

问题在于，因为div内容最初为空（在页面加载时没有消息），当用户单击该按钮时，它们将被带到一个空白页面，该页面不会显示发送的任何消息由用户。如何在发送消息后更新div？我还考虑过用AJAX重新加载div，但我认为它只会刷新div而不是保留它们。

有什么建议吗？

Answer 1

使用document.getElementById('msg-display').innerHTML代替.innerText和textContent。

更新具有动态内容的div

1 个答案: