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