JSFiddle - React, Tailwind, and code Playground

by SiCurious

HTML

<ul class="navlist" id="navlinks">
	<li><a href="someurl.html">Link #1</a></li>
	<li><a name="#anchor1">Named Anchor Link</a></li>
	<li><a href="someurl.html">Link #2</a></li>
	<li><a href="someurl.pdf">Link #3</a></li>
	<li><a href="someurl.html">Link #4</a></li>
	<li><a href="someurl.html">Link #5</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
	<li><a href="someurl.html">Link #7</a></li>
	<li><a href="mailto:joe@joe.com">Email Link</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
	<li><a href="someurl.pdf">Link #6</a></li>
</ul>

JavaScript

//var imgSrc=document.createElement("img");
//imgSrc.setAttribute("src", "http://i.imgur.com/YXsJZVe.gif");	


	for(var i=0;i<document.querySelectorAll('a').length;i++){
        var imgSrc=document.createElement("img");
        imgSrc.setAttribute("src", "http://i.imgur.com/YXsJZVe.gif");	
		document.querySelectorAll('a')[i].appendChild(imgSrc);
	}