附加到InnerHtml而不翻转其余内容

使用dom方法添加它们:

var div = document.createElement('div');
div.innerHTML= result;
document.getElementById('images').appendChild(div);

使用+=运算符与以下操作相同:

images.innerHTML = images.innerHTML + result;

在容器中添加新元素时,应该能够得到相同的结果,而不会出现闪烁。为此,需要createElement和appendChild方法。

嗯!

<span class='endMarker'></span>

然后,不只是像那样更新“innerHTML”,而是在目标内部的DOM中查找最后一个 <span> 使用类“endMarker”,然后在此之后附加新内容。如果不想成为一个“使用jQuery解决问题”的人,我会说这样的库会让事情变得更简单一些。要附加内容,可以将其放到隐藏的div中,然后移动它。

使所有图像成为单个图像,然后使用CSS定位来显示所需的部分。闪烁是由于加载了新图像。