JavaScriptで、HTMLのテーブルのWidth・Heightを出力します。
【手順】
1.「016-OutputTableWidthHeightJS.html」というファイルを作成。
2.「016-OutputTableWidthHeightJS.html」を以下の様に入力。
<html>
<head>
    <script type="text/javascript">
    function main() {
        out.innerHTML = "table width=" + table1.width + "<br />"
                      + "table height=" + table1.height;
    }
    </script>
</head>
<body>
    <table id="table1" border="1" width="100" height="100">
        <tr>
            <td>セル1-1</td>
            <td>セル1-2</td>
        </tr>
        <tr>
            <td>セル2-1</td>
            <td>セル2-2</td>
        </tr>
    </table>
    <input type="button" value="実行" onclick="main();">
    <div id="out" />
</body>
</html>
3.「016-OutputTableWidthHeightJS.html」をブラウザで開きます。
4.以下の様に表示されれば成功です。
以上です。

0 件のコメント:
コメントを投稿
注: コメントを投稿できるのは、このブログのメンバーだけです。