JS - innerHTML更改爲新元素

Question

我正在用Reveal.js製作幻燈片。我使用的是js文件來改變HTML元素：

document.getElementById("audio1").innerHTML = "<source data-src='../../learn/audio/lesson1/" + a_audio + ".mp3' type='audio/mpeg'>"; 

但它是奇怪的，因爲這是是在控制檯中顯示：

<source type="audio/mpeg" src="../../learn/audio/lesson1/dog.mp3"> 

爲什麼型標籤移到前端，爲什麼是data-src更改爲src？

注：如果我對HTML元素進行硬編碼，則它保持不變。

Answer 1

在Reveal.js中，當您使用延遲加載時，元素在滑動範圍內自動更改。看到這個鏈接的更多細節：https://github.com/hakimel/reveal.js/#lazy-loading