關於原生js把html中已有的img標簽的src賦給一個新的img標簽

遇到要實現“html中已有的img標簽的src賦給一個新的img標簽的”這種功能需求，通常第一浮想的想法應該是這樣的，例如：

<div id="testBox">

<ul id="set">
<li><img src="images/cloth.png"></li>
</ul>

<ul id="get">

<li><img src=""></li>

</ul>
</div>

 document.getElementById("set").getElementsByTagName("li")[0].children[0].src//要接受src的img

= document.getElementById("set").getElementsByTagName("li")[0].children[0].src//提供src的img

而console.log("testBox里img的src："+document.getElementById("set").getElementsByTagName("li")[0].children[0].src)//提供src的img的打印結果為：

而我們只需要images/cloth.png，這樣就有悖預期的想法。為了解決這個問題，就收集了一些解決方法，這里跟大家分享一下。

 document.getElementById("set").getElementsByTagName("li")[0].children[0].src//要接受src的img

= document.getElementById("set").getElementsByTagName("li")[0].children[0].attributes["src"].nodeValue//提供src的img；

再來看一下打印結果：

這樣的話就成功獲取到了想要的src了。