Javascript 如何将表追加到DIV_Javascript_Jquery_Html

Javascript 如何将表追加到DIV

javascript jquery html

Javascript 如何将表追加到DIV,javascript,jquery,html,Javascript,Jquery,Html,我正在尝试将一个表附加到div： <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script> <script type="text/javascript"> function addStuff(

我正在尝试将一个表附加到

div

：

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
        <script type="text/javascript">
            function addStuff() {
                var html = '<table>';
                $.each(function() {
                        html += '<tr><td>' + '</td></tr>';
                        });
                html += '</table>';
                $("#divResults").append(html);

            }
        </script>
    </head>
    <body>
        <div id="divResults"></div>
        <button onclick="addStuff()">Add Stuff</button>
    </body>
</html>


函数addStuff（）{
var html=''；
$.each（函数（）{
html+=''+''；
});
html+=''；
$（“#divResults”）.append（html）；
}
添加内容

但它不起作用。我想动态地将表添加到DIV块。

您使用的是

$.each（）

，但不传递任何集合供其迭代

 // ---v---no collection?
$.each(function() {
    html += '<tr><td>' + '</td></tr>';
});

还要注意，如果您只想添加这个空表，那么不需要jQuery就可以轻松完成

function addStuff() {
    var html = '<table>';
    for (var i = 0; i < 10; i++)
        html += '<tr><td>' + '</td></tr>';

    html += '</table>';

    document.getElementById("divResults")
            .insertAdjacentHTML("beforeend", html);
}

函数addStuff（）{
var html=''；
对于（变量i=0；i<10；i++）
html+=''+''；
html+=''；
document.getElementById（“divResults”）
.insertAdjacentHTML（“beforeed”，html）；
}

每个

什么？您的

$。每个方法都需要循环某些内容。e、 g

函数addStuff（）{
变量词=['1'，'2'，'3']；
var html=''；
$.each（单词、函数（i、单词）{
html+=''+单词+''；
});
html+=''；
$（“#divResults”）.append（html）；
}

添加内容
要将表附加到DIV，请尝试以下操作
    <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">

    function addTable() 

{
    $('#divResults').append('<table width="320" border="1"><tr><td colspan="2" rowspan="1">' + " wdw" + '</td></tr><tr><td width="118">' + "sxs" + '</td><td width="186">' + "xs" + '</td></tr></table>');
}

    </script>
        </head>
    <body>
    <div id="divResults">
    </div>
    <button onclick="addTable()">Add Stuff</button>
    </body>
    </html>


函数addTable（）
{
$（'#divResults'）.append（'+“wdw”+'+'+“sxs”+'+''“xs”+''）；
}
添加内容
您应该使用以下方法：
var myTable = document.createElement("img");

var row1 = gameGrid.insertRow(0);
var row2 = gameGrid.insertRow(1);

var col1 = row1.insertCell(0);
var col2 = row2.insertCell(1);

col1.innerText = "some thing";

document.getElementById("divResults").innerHtml = myTable;

    <html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">

    function addTable() 

{
    $('#divResults').append('<table width="320" border="1"><tr><td colspan="2" rowspan="1">' + " wdw" + '</td></tr><tr><td width="118">' + "sxs" + '</td><td width="186">' + "xs" + '</td></tr></table>');
}

    </script>
        </head>
    <body>
    <div id="divResults">
    </div>
    <button onclick="addTable()">Add Stuff</button>
    </body>
    </html>

var myTable = document.createElement("img");

var row1 = gameGrid.insertRow(0);
var row2 = gameGrid.insertRow(1);

var col1 = row1.insertCell(0);
var col2 = row2.insertCell(1);

col1.innerText = "some thing";

document.getElementById("divResults").innerHtml = myTable;