Question

我目前正在接收推送通知。这是我的JS的一部分。

而不是警报（弹出窗口），我希望一个接一个地显示消息。

var channel = pusher.subscribe('test_channel');
channel.bind('my_event', function(data) {
  alert(data.message);
});

我尝试创建一个div并改为使用它。它没有用。

var channel = pusher.subscribe('test_channel');
channel.bind('my_event', function(data) {

  document.getElementById("MyEdit").innerHTML = (data.message);

});

这是我的DIV。

<div id="MyEdit"> </div>

我也试过这个：

 var channel = pusher.subscribe('test_channel');
channel.bind('my_event', function(data) {
document.write(data.message);
}

});

仍然没有出现。提醒工作。写道不要。

Answer 1

试试这个：

document.getElementById("MyEdit").innerHTML += data.message;

如果你使用jQuery，你可以这样做：

$('#MyEdit').append(data.message);

Answer 2

下面的代码将为jQuery追加方法。只是不添加下一个文本到innnerHtml，添加新的div元素，它将有助于用一些CSS包装它们，添加一些填充等。

var messageRow = document.createElement("div");
var textNode = document.createTextNode(data.message);
messageRow.appendChild(textNode);
document.appendChild(messageRow);

在Javascript中依次显示文本 - HTML

2 个答案: