Javascript 您可以在本地生成html而不使用服务器吗？

我正在尝试使用循环在本地html文件中显示图像。这就是我希望它在web浏览器中显示的内容：

<div id="polybridges">
    <img src="polybridge_1.gif">
    <img src="polybridge_2.gif">
    <img src="polybridge_3.gif">
    <img src="polybridge_4.gif">
    <img src="polybridge_5.gif">
</div>

这是我尝试用javascript实现的：

<script>
    for(var i = 1; i <= 5; i++) {
        var elem = document.createElement("img");
        elem.src='polybridge_'+i+'.gif';
        document.getElementById("polybridges").appendChild(elem);
    }
</script>
<div id="polybridges">

对于（var i=1；i是的，您可以在没有服务器的情况下显示图像，您必须将这些图像与html文件放在同一目录下，或者放在与html文件处于同一级别的
images
文件夹中（在这种情况下，图像将作为
提供。是的，您可以在不使用服务器的情况下显示图像，您必须将图像与html文件放在同一目录下，或放在与html文件处于同一级别的
图像
文件夹中。）（在这种情况下，图像将作为
提供，将图像放在与html文件相同的目录中

 for(var i = 1; i <= 5; i++) {
        var elem = document.createElement("img");
        elem.src='polybridge_'+i+'.gif';
        document.getElementById("polybridges").appendChild(elem);
    }

for（var i=1；i将图像与html文件放在同一目录中

 for(var i = 1; i <= 5; i++) {
        var elem = document.createElement("img");
        elem.src='polybridge_'+i+'.gif';
        document.getElementById("polybridges").appendChild(elem);
    }

for（var i=1；i首先必须在脚本执行之前定义元素（因此请更改顺序）。我想您应该附加
elem
（而不是
“hallo”
字符串）：


对于（var i=1；i，首先必须在脚本执行之前定义元素（因此请更改顺序）。我假设您希望附加
elem
（而不是
“hallo”
字符串）：


对于（var i=1；i将节点作为参数（不是字符串）

for（var i=1；i将节点作为参数（不是字符串）

for（var i=1；i正如malix在他的评论中所说的那样，您应该使用
document.getElementById（“polybridges”）.appendChild（elem）；
而不是
document.getElementById（“polybridges”）.appendChild（“hallo”）；
（因此，添加元素而不是字符串“hallo”）

而且，正如其他人所说，图像应该在你告诉浏览器它们所在的地方。
正如malix在他的评论中所说的，你应该使用
document.getElementById（“polybridges”）.appendChild（elem）；
而不是
document.getElementById（“polybridges”）.appendChild（“hallo”）；
（因此附加元素而不是字符串“hallo”）

而且，正如其余部分所述，图像应该在您告诉浏览器它们所在的位置。
您需要注意一件事。您正在尝试按ID获取元素。因此您需要确保html是有效的。为元素提供适当的关闭标记。。同时使用
appendChild（）
中的
elem
变量


for（var i=1；i您需要注意一件事。您正在尝试按ID获取元素。因此，您需要确保html有效。为元素提供适当的关闭标记。
elem
还可以使用
appendChild（）
中的
elem
变量


for（var i=1；我将图像放在与html文件相同的目录中。将div标记放在脚本之前，或者让函数在加载时运行。追加元素而不是字符串AppendChild（elem）呢？@malix:它是
appendChild
，OP正在使用它。我知道，在我的iPhone上键入大写字母，我是说OP在附加字符串。将图像放在与html文件相同的目录中。将div标记放在脚本之前或让函数运行onload。附加元素而不是字符串appendChild（elem）呢？@malix:appendChild是
appendChild
，OP正在使用它。我知道，在我的iPhone上键入大写字母，我是说OP附加了一个字符串哦，噢，哈哈，是的，我把它放在那里了，我试着在div中设置文本，但也没用，我忘了写“hello”回来。哦，哦，哦，哈哈，是的，我把它放在那里了，我试着在div中设置文本，但是也没用，我忘了写“你好”返回。抱歉，我读了一遍。在尝试将文本设置为字符串以测试其是否有效后，我忘记将元素放回。问题是，我在声明之前尝试访问div。请参阅madox2的答案。抱歉，我读了一遍。在尝试将文本设置为字符串以测试其是否有效后，我忘记将元素放回。问题是是我在声明之前尝试访问div的。参见madox2的答案。
    for(var i = 1; i <= 5; i++) {
        var elem = document.createElement("img");
        elem.src='polybridge_'+i+'.gif';
        document.getElementById("polybridges").appendChild(elem);
    }