html - 如何将 IMG SRC 从一个 HTML 标签拉到另一个？

Question

我正在做一个学校元素，我想知道这是否可行:

在一个 div 中，我定义了一个 <img> , 这将显示。

在第二个 div 中，我想要 img src来自第一个 div。

这有可能吗？最好除了 css/html 之外没有任何东西。

Answer 1

如果您不介意 一点 JS，您可以在 HTML 中内联。例如

<img id="img1" src="http://cdn.obsidianportal.com/assets/50953/serenity19dc.png" /> 
   
<img id="img2" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" onload="this.src=document.getElementById('img1').src" />

此处第二张图片最初只有一个占位符图片 (1x1 gif)，但在加载时它被第一张图片的 SRC 替换。