appendChild wird nicht funktionieren?

Question

Ich versuche einen Posteingang zu erstellen, der Nachrichten anzeigt, wenn Sie die Seite zum ersten Mal laden oder auf eine Schaltfläche klicken, aber nichts wird angezeigt. Was habe ich falsch gemacht?

var inbox = document.getElementsByClassName("inbox").item(0); 
 
var inbox_button = document.getElementById("messages"); 
 
inbox_button.addEventListener("click", showMessages); 
 
showMessages(); 
 

 
function showMessages() { 
 
    var messages = "<?php echo $inbox ?>"; 
 
    var inbox_table = document.createElement("table"); 
 
    var inbox_content = 
 
    "<tr>" + 
 
    "<th>From</th>" + 
 
    "<th>Subject</th>" + 
 
    "<th>Date</th>" + 
 
    "</tr>"; 
 
    for (i = 0; i < messages.length; i++) { 
 
    inbox_content = inbox_content + 
 
     "<tr>" + 
 
     "<td>" + messages[i][1] + "</td>" + 
 
     "<td>" + messages[i][2] + "</td>" + 
 
     "<td>" + messages[i][5] + "</td>" + 
 
     "</tr>"; 
 
    } 
 
    inbox_table.innerHTML = inbox_content; 
 
    inbox.appendChild(inbox_table); 
 
}

<div class="inbox"> 
 
    <button id="messages" type="button">Inbox</button> 
 
    <button id="new_message" type="button">New Message</button> 
 
</div>

Answer 1

Sie bevöl Nachrichten als String var messages = "<?php echo $inbox ?>";, zwischen Anführungszeichen und Ihre Logik erwartet einen 2-dimensionalen Array, so dass die Variable $inbox sollte Text als Array von Arrays Script zurückkehren, zum Beispiel :

PHP:

$inbox = '[["Text-1-1", "Text-1-2", "Text-1-3"], ["Text-2-1", "Text-2-2", "Text-2-3"]]'; 

Javascript (Gerade, ohne Anführungszeichen):

var messages = <?php echo $inbox ?>;