javascript - insertBefore 関数の問題

Question

既にフォームとテーブルがあり、フォームのデータがテーブルに追加されていますが、フォームに insertBefore 関数を追加しようとしていますが、機能しません。私のスクリプトの何が問題なのか教えてください。

function insertBefore(){
    var table = document.getElementById('table');
    var row = document.createElement('tr');
    var td1 = document.createElement('td');
    var td2 = document.createElement('td');
    var td3 = document.createElement('td');
    td1.innerHTML = document.getElementById('name').value;
    td2.innerHTML = document.getElementById('address').value;
    td3.innerHTML = document.getElementById('email').value;
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    table.tBodies [0].insertBefore();
    }

ありがとう。

Answer 1

を使用するときはinsertBefore、ブラウザに次の 3 つのことを伝える必要があります。

• A = 挿入する要素
• B = 挿入する要素
• C = 前に挿入する要素

次の形式にする必要があります。

A.insertBefore(B, C)

例えば：

document.body.insertBefore(table, document.body.firstChild)

Answer 2

挿入する必要がある要素が常に最初の要素になることがわかっている場合は、代わりに prepend() を使用できます。これにより、必要な要素が常に親要素の最初の子として追加されます。