Question

我不确定原因，但在类似的代码工作之前。现在，服务器重新启动，代码根本不起作用。我已将以下代码中的问题与DOM的错误隔离，特别是带有id＆＃34;缩略图＆＃34;的div。我无法改变div的innerHTML，即使在Google Chrome的控制台中（使用document.getElementById（＆＃34;缩略图＆＃34;）。innerHTML）。 div为空（带有＆＃34; h＆＃34;的p标签被删除），变量＆＃34;输出＆＃34;被设置为它应该是什么（不是空白）。谁知道为什么？

如果您想自己测试一下，请转到quantumquantonium.ddns.net/images_and_videos/screenshots/

input

Answer 1

问题不在于您使用的代码是在从服务器返回的数据中，而是无效的HTML （double(")和single quotes(')不均衡且你应该使用双引号来界定html中的属性值）标记的某些部分在这里：

<img onmouseover= " preview.src='2015-01-25_00004.jpg" name=2015-01-25_00004.jpg src=2015-01-25_00004.jpg alt='' style = 'width:50px;height:50px;>
<img onmouseover= " preview.src='2015-01-25_00006.jpg" name=2015-01-25_00006.jpg src=2015-01-25_00006.jpg alt='' style = 'width:50px;height:50px;>   
<img onmouseover= " preview.src='2015-01-29_00003.jpg" name=2015-01-29_00003.jpg src=2015-01-29_00003.jpg alt='' style = 'width:50px;height:50px;>
<img onmouseover= " preview.src='2015-01-29_00004.jpg" name=2015-01-29_00004.jpg src=2015-01-29_00004.jpg alt='' style = 'width:50px;height:50px;>

纠正你的HTML; ;）

您可以尝试这种html格式：

<img onmouseover="preview.src='2015-01-29_00004.jpg'" name="2015-01-29_00004.jpg" src="2015-01-29_00004.jpg" alt="" style="width:50px; height:50px;">

Answer 2

那一堆

<img onmouseover= " preview.src='2015-01-25_00004.jpg" name=2015-01-25_00004.jpg src=2015-01-25_00004.jpg alt='' style = 'width:50px;height:50px;>

您从API获取的

标签严重格式错误。难怪HTML解析器完全废弃它们并为你留下一个空的DOM。

DOM没有更新

2 个答案: