2 
<script type="text/javascript" language="javascript">
 function addNewRow()
 {
    var table = document.getElementById("table1");
    var tr = table.insertRow();
    var td = tr.insertCell();
    td.innerHTML= "a";

    td = tr.insertCell();
    td.innerHTML= "b";
    
    td = tr.insertCell();
    td.innerHTML= "c";
    
    td = tr.insertCell();
    td.innerHTML= "d";
    
    td = tr.insertCell();
    td.innerHTML= "e";
 }
</script>
<body>
    <table id="table1" border="1" cellpadding="0" cellspacing="0" width="100%">
        <tr id="row1">
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </table>
    <input type="button" onClick="addNewRow()" value="Add New"/>
</body>

この例は、テーブルに新しい行とセルを動的に挿入するためのものです。ただし、その動作はすべてのブラウザーで異なります。

  1. Internet Explorer = 最後に行を追加し、新しく追加されたセルは最初から開始されます。

  2. Chrome/Safari = 最初に新しい行を追加し、新しく追加されたセルは最後から始まります。

  3. Mozilla Firefox = 動作していません。

    すべてのブラウザーで (Internet Explorer) のように、最後に新しく追加された行を追加し、新しく追加されたセルを最初から開始します。

同じ動作の解決策があれば教えてください。

4

1 に答える 1

3

使用してみてください：

var tr = table.insertRow(-1);

ここで言ったように：

https://developer.mozilla.org/en/DOM/table.insertRow

于 2010-06-16T07:19:39.760 に答える