JavaScript

動的のHTMLテーブルを作成する方法を紹介します。

方法１：

<div id="hoge1"></div>

<script type="text/javascript">
    var table = document.createElement("table");
    table.border = "1";
    var tr = document.createElement("tr");
    var td = document.createElement("td");
    var textnode = document.createTextNode("foo");
    td.appendChild(textnode);
    tr.appendChild(td);
    table.appendChild(tr);
    document.getElementById("hoge1").appendChild(table);
</script>

方法２：

<div id="hoge2"></div>

<script type="text/javascript">
    var table = document.createElement("table");
    table.border = "1";
    var row = table.insertRow(0), cell = row.insertCell(0);
    var textnode = document.createTextNode("foo");
    cell.appendChild(textnode);
    document.getElementById("hoge2").appendChild(table);
</script>

コメント：

お名前:

(画像の文字列を入力して下さい)