我正在用纯JavaScript构建灯箱。我目前通过AJAX加载图片，但是我知道将img data-src属性替换为onclick到src会更容易。
但是，我不知道这是如何在纯JavaScript中完成的，而我没有使用任何库。
谁能告诉我这是怎么做的？
总结：我该如何更改前：
<img data-src="URL"/>
至：
<img src="URL"/>
没有jQuery。
您可以如下所示进行操作：
var imgEl = document.getElementsByTagName('img');
for (var i=0; i<imgEl.length; i++) {
if(imgEl[i].getAttribute('data-src')) {
imgEl[i].setAttribute('src',imgEl[i].getAttribute('data-src'));
imgEl[i].removeAttribute('data-src'); //use only if you need to remove data-src attribute after setting src
}
}
上面的代码将获取所有img标记，检查它们是否具有data-src属性，如果存在，则将其替换为src。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句