Question

我有这个函数可以获取一些变量并为它们添加阴影，并将它们显示在表格中。

我的问题是，如何将表格添加到我的页面上的DIV中？它可能非常简单，只是我对javascript的新手。谢谢！

 function drpShadow(pic_url, width, height) {
    var i;
    var pic_display
        = "<table border='0' style='display:inline;' cellspacing='0' cellpadding='0'><tr><td width='4px' height='" + height + "'><img src='/SV/Graphics/drop_shadow_top_left_corner_4x4.jpg'><br />";

    for (i = 0; i < (height - 4); i++) {
        pic_display += "<img src='/SV/Graphics/drop_shadow_left_4x1.jpg'><br />";
    }

    pic_display +=
        "</td><td width='" + width +
              "' height='" + height +
              "'><img src='../temp_images/" + pic_url + "'></td></tr><tr><td colspan='2' height='4px' width='" + (width + 4) + "'><img src='/SV/Graphics/drop_shadow_left_bottom_corner_4x4.jpg'>";

    for (i = 0; i <= (width - 6); i++) {
        pic_display += "<img src='/SV/Graphics/drop_shadow_bottom_1x4.jpg'>";
    }

    pic_display
       += "<img src='/SV/Graphics/drop_shadow_right_bottom_corner_4x4.jpg'></td></tr></table>";
    return pic_display;
}

Answer 1

document.getElementbyId("yourDivid").innerHTML += drpShadow(yourPicUrl,yourWidth, yourJeight);

Answer 2

您需要使用innerHTML或使用createElement函数创建dom元素。

显然第一种方法更快但不是标准的，尽管大多数浏览器都支持它。第二种方式是它应该做的方式，虽然这可能非常复杂。我自己这样做了。

更简单的方法可能是使用jquery和append函数。

如何将这个javascript制作的表添加到页面中？

2 个答案: