JSFiddle - React, Tailwind, and code Playground

HTML

<span class="image"><img src="http://lorempixel.com/100/100/food/1"></span>
<span class="image"><img src="http://lorempixel.com/100/100/food/2"></span>
<span class="image"><img src="http://lorempixel.com/100/100/food/3"></span>
    
<a rel="nofollow" href="http://link.com" class="a1">Link</a>

JavaScript

function changespan() {
    var spans = document.querySelectorAll('span.image'),
        href = document.querySelector('.a1').href;
    for (var i = spans.length; i--; ) {
        var a = document.createElement('a');
        a.href = href;
        spans[i].appendChild(a).appendChild(a.previousSibling);
    }
}

changespan();