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">

为什么type标签移到最前面，为什么data-src改成src？

注意：如果我对 HTML 元素进行硬编码，则它保持不变。

Answer 1

在 Reveal.js 中，当您使用延迟加载时，当幻灯片进入范围时，元素会自动更改。有关详细信息，请参阅此链接：https://github.com/hakimel/reveal.js/#lazy-loading