1

このスレッドを読んで、JavaScript で HTML を生成する方法を理解しました。私は次のスクリプトでそれをやろうとしました:

<script type='text/javascript'>
function generate_page() {
    var x = 0;
    var y = 0;
    var lines = 20;
    var output;
    while (x < lines) {
        while( y < lines*2){
            output = ("<div id='x" + x + "_" + y + "'>x</span>");
            $('board').prepend(output);
            y++;
        }
        y = 0;
        x++;
        $('board').append('<br />');
    }
}
</script>

</head>
<input type='button' value='test' onClick='generate_page()'>
<body>
<div id='board'>

</div>

</body>
</html>

エラーは返されませんが、単に何もしません。私は何を間違っていますか？

4

4 に答える 4

4

ID の # 記号がありません。これを試してください。

<script type='text/javascript'>
function generate_page() {
    var x = 0;
    var y = 0;
    var lines = 20;
    var output;
    while (x < lines) {
        while( y < lines*2){
            output = ("<span id='x" + x + "_" + y + "'>x</span>");
            $('#board').prepend(output);
            y++;
        }
        y = 0;
        x++;
        $('#board').append('<br />');
    }
}
</script>

</head>

<body>
<input type='button' value='test' onClick='generate_page()'>
<div id='board'>

</div>

</body>
</html>

ボタンも本体に移動。

于 2012-06-14T02:43:47.633 に答える
1

jQuery構文を使用しているため、jQueryを含める必要があります

このような：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type='text/javascript'>
    function generate_page() {
        var x = 0;
        var y = 0;
        var lines = 20;
        var output;
        while (x < lines) {
            while (y < lines * 2) {
                output = ("<div id='x" + x + "_" + y + "'>x</span>");
                $('#board').prepend(output);
                y++;
            }
            y = 0;
            x++;
            $('#board').append('<br />');
        }
    } 
</script></head><body>
<input type='button' value='test' onclick='generate_page()'>
<div id='board'>
</div></body></html>
于 2012-06-14T02:48:45.993 に答える
1

div を開いてスパンで閉じています。また、div を閉じたり、実際にスパンを開いたりすることもありません。ところで、document.createElement("div") を利用するのがこれを行うクリーンな方法です。

于 2012-06-14T02:43:55.980 に答える
1

JavaScript で DIV タグを開き、SPAN タグを閉じています。

于 2012-06-14T02:43:12.487 に答える