在DOM ready上,从<img>获取所有data-src并将它们设置在src属性中,可以通过以下步骤实现:
以下是一个示例代码:
document.addEventListener("DOMContentLoaded", function() {
var imgElements = document.querySelectorAll("img");
for (var i = 0; i < imgElements.length; i++) {
var imgElement = imgElements[i];
var dataSrcValue = imgElement.getAttribute("data-src");
imgElement.setAttribute("src", dataSrcValue);
}
});
这样,当DOM ready事件触发时,代码会选择所有的<img>元素,并将它们的data-src属性值设置为对应的src属性值,从而实现从<img>获取所有data-src并将它们设置在src属性中的功能。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
请注意,本回答仅提供了一个示例代码和一个腾讯云产品作为参考,实际情况下可能有更多的解决方案和产品选择。
领取专属 10元无门槛券
手把手带您无忧上云