65

テーブルを埋める JavaScript 関数があります。

<script>

var col1 = ["Full time student checking (Age 22 and under) ", "Customers over age 65", "Below  $500.00"];
var col2 = ["None", "None", "$8.00"];

function createtable() {
    <!--To fill the table with javascript-->
    for (var j = 0; j < col1.length; j++) {
        if (j % 2 == 0) {
            document.write("<tr><td>" + col1[j] + " </td>");
            document.write("<td>" + col2[j] + "</td></tr>");
        } else {
            document.write("<tr  bgcolor='#aeb2bf'><td>" + col1[j] + " </td>");
            document.write("<td>" + col2[j] + "</td></tr1>");
        }
    }
}
</script>

HTML本文内で実行したい。以下を試しましたが、テーブルが作成されません。

<table>
    <tr>
        <th>Balance</th>
        <th>Fee</th>        
    </tr>
      createtable();
</table>

HTML本文内でこの関数を実行するにはどうすればよいですか?

4

4 に答える 4

81

createtable();ステートメントを<script>タグでラップしてみてください。

<table>
        <tr>
            <th>Balance</th>
            <th>Fee</th>

        </tr>
        <script>createtable();</script>
</table>

もし私があなただったら、document.write() の使用を避け、DOM を使用します。

于 2013-11-08T22:28:51.100 に答える
0

script タグで DOM の createChild() メソッドまたは table オブジェクトの insertRow() と insertCell() メソッドを使用してみてください。

于 2015-04-27T07:04:50.957 に答える