能解释下思路吗，我不太懂怎么写的原理

我说不上来的不懂，但知道是自定义一个属性和本身的src属性保存两张图片，两个变量每次点击互换值

1.获取标签为img的节点储存在变量名为img的变量里
2.获取id为btn的标签（应该是个按钮）并设置单击事件
3.获取img里的data-src的属性值存储在变量url里
4.将img里的data-src的属性值修改为img的图片地址
5.设置img的src属性值为url
6.如果有帮助 麻烦给个采纳

你不是描述得很清楚吗？就是你说的这个意思

第一句代码是获取所有img标签的元素，看你这个有两个
然后img[0] 就是取了第一个元素

先把data-src取出来，然后再替换data-src,接着再把取出来的data-src替换src

src data-src
data-src 保存在 url中
data-src 重新赋值src
src 重新赋值 url
这不就交换了