javascript - DOM insertCell() 最初と次のコンテンツが異なる

Question

W3schools のこのスクリプトを使用して、行とセルをテーブルに追加しています。

JavaScript:

function displayResult()
{
    var table = document.getElementById("myTable");
    var row = table.insertRow(-1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    cell1.innerHTML = "<input type='number' name='noPanels' placeholder='Np. panels' autofocus>";
    cell2.innerHTML = "<input type='checkbox' name='topRow' value='1'>Top row";
}

これにより、テーブルの最後に 2 つのセルを含む 1 つのテーブル行が追加されます。ここまでは順調ですね。しかし、最初の挿入と次の cell2 の内容は異なるものにしたいと思います。したがって、最初のセルの内容は次のとおりです。

<input type='checkbox' name='topRow[]' value='1'>Top row

そして、次の挿入物が含まれています：

<input type='checkbox' name='bottomRow' value='1'>Bottom row

これは可能ですか？

/カール