insertBefore函数问题

时间:2012-10-29 07:44:35

标签: javascript insert

我已经有一个表单和表格,表格中的数据被添加到表格中,但我正在尝试为我的表单添加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();
    }

感谢。

2 个答案:

答案 0 :(得分:1)

当您使用insertBefore时,您必须告诉浏览器三件事:

  • A =要插入的元素
  • B =要插入的元素
  • C =在
  • 之前插入的元素

应采用以下形式:

A.insertBefore(B, C)

例如:

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

答案 1 :(得分:0)

如果您知道必须插入的元素将始终是第一个元素,则可以使用prepend()代替。这将始终将您想要的元素添加为父元素的第一个子元素。