0

我刚刚开始学习 JavaScript，在将单元格插入表格时遇到了一些麻烦。我有一个包含 3 个单元格的 1 行表，我想在单击的单元格的左侧插入一个新单元格，但只有在我单击“插入”按钮之后。

这是表格的 HTML：

<table border="1" id="table1">
    <tr id="row1">
        <td id="c1" onclick="c1()">Cell 1</td>
        <td id="c2" onclick="c2()">Cell 2</td>
        <td id="c3" onclick="c3()">Cell 3</td>
    </tr>
</table>
<br>
<button onclick="insert()">Insert</button>

如果我像使用 Cell 2 一样手动指定单元格索引，它可以正常工作，但如果我尝试像使用 Cell 3 一样检测单元格的索引，它只会在索引 0 处插入新单元格。

JavaScript：

var cell1=false,
    cell2=false,
    cell3=false,
    x;


function c1() {
    cell1=true;
}
function c2() {
    cell2=true;
}
function c3() {
    cell3=true;
    x=getElementById("c3").cellIndex;
}
function insert() {
    if (cell1==true) {
        // Not used yet
    }
    if (cell2==true) {
        document.getElementById("table1").rows[0].insertCell(1).innerHTML="New1";
    }
    if (cell3==true) {
        document.getElementById("table1").rows[0].insertCell(x).innerHTML="New3";
    }
    cell1=false;
    cell2=false;
    cell3=false;
};

我在c3()函数和insert()函数中都尝试了一些变体，但每次它要么根本没有插入，要么在索引 0 处插入。

顺便说一句，我正在尝试使用纯 JavaScript 来做到这一点。

4

1 回答 1

0

您需要检查您的 Javascript 控制台是否有错误，它会报告：

未捕获的 ReferenceError：未定义 getElementById

更改getElementById为c3()解决document.getElementById此问题。

于 2013-04-03T04:23:52.057 回答