HTML SSE或PHP SSE .innerHTML顯示順序

Question

我試圖將最新的消息拉到頂部的頁面上。目前最新的消息會每次有新郵件到來時的下方。

<script> 
if(typeof(EventSource)!=="undefined") 
{ 
var source=new EventSource("sse/lup.php?"); 
source.onmessage=function(event) 
{ 
document.getElementById("lup").innerHTML+=event.data; 
}; 
} 
else 
{ 
document.getElementById("lup").innerHTML="Sorry, your browser does not support server-sent  events..."; 
} 
</script> 

Answer 1

試試這個。

<script> 
if(typeof(EventSource)!=="undefined") 
{ 
var source=new EventSource("sse/lup.php?"); 
source.onmessage=function(event) 
{ 
document.getElementById("lup").innerHTML= event.data + document.getElementById("lup").innerHTML; 
}; 
} 
else 
{ 
document.getElementById("lup").innerHTML="Sorry, your browser does not support server-sent  events..."; 
} 
</script> 

或在此粘貼您的完整的HTML代碼。

Answer 2

你可能會想這樣做......

source.onmessage=function(event) 
{ 
    var html = document.getElementById("lup").innerHTML; 
    document.getElementById("lup").innerHTML = event.data + html; 
};