在dom ready上,从<img>获取所有data-src并将它们设置在src属性中

在DOM ready上，从<img>获取所有data-src并将它们设置在src属性中，可以通过以下步骤实现：

1. 在DOM ready事件中，使用JavaScript选择所有的<img>元素。可以使用document.querySelectorAll()方法并传入选择器"img"来获取所有的<img>元素。
2. 遍历所选的<img>元素列表，对于每个<img>元素，使用getAttribute()方法获取其data-src属性的值。可以使用getAttribute("data-src")来获取data-src属性的值。
3. 将获取到的data-src属性值设置为对应<img>元素的src属性的值。可以使用setAttribute()方法将data-src的值设置为src属性的值。例如，使用setAttribute("src", dataSrcValue)来设置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）

• 概念：腾讯云对象存储（COS）是一种海量、安全、低成本、高可靠的云存储服务，适用于存储大量非结构化数据，如图片、音视频、文档等。
• 分类：云存储服务
• 优势：高可靠性、低成本、海量存储、安全性高、支持多种数据访问方式
• 应用场景：网站图片、音视频存储、大数据分析、备份与归档等
• 产品介绍链接地址：腾讯云对象存储（COS）

请注意，本回答仅提供了一个示例代码和一个腾讯云产品作为参考，实际情况下可能有更多的解决方案和产品选择。