使用js替换src便签为data-src

<a href="https://img.su1018.cn/1/yulan/2.png"><img src="https://img.su1018.cn/1/yulan/2.png" alt="" /></a>

怎么通过JS全局替换img标签的src为data-src

JQ的例子：
$("img").each(function(i,item){
$(item).attr('data-src',$(item).attr('src');
$(item).attr('src',null);
});

var imgs = document.getElementsByTagName("img")
for(var i=0;i<=imgs.length;i++){
  imgs[i].setAttribute("data-src",imgs[0].src)
  imgs[i].src=null
}

.setAttribute("data-src": 链接)
.removeAttr("src");