使用Javascript动态替换HTML5标签

Question

我对Adobe Captivate如何生成内容的了解很少，但是它可以使用javascript随时随地动态生成html代码。 我想在主HTML页面中添加一段Javascript代码，以不断检查这一行：

<video src="vr/Vi1.mp4" style="display: block; left: 0px; top: 0px; width: 1280px; height: 664px;"></video>

并将其替换为我选择的视频标签。

到目前为止，我研究的大多数“替换脚本”的问题在于它们仅在打开页面后立即执行，但是由于代码是动态生成的，并且标记可以在任何给定的时刻出现，因此我需要检查一下每次更改内容时的页面。

任何帮助将不胜感激！ 问候

Answer 1

您需要检测何时将元素添加到页面，特别是<video>元素。 有一个DOM事件，但是已经过时了-请参阅此答案 。 答案可能对您有所帮助，可接受的答案建议setInterval() 。

尝试这个：

function checkVideo() {
    var videoTags = document.getElementsByTagName("video");
    if (videoTags.length > 0) {
        // do something with video
    }
    setTimeout( checkDOMChange, 1000); // schedule the next check

}

然后在加载文档时运行checkVideo（）（例如，使用jQuery的$(document).ready(checkVideo) ）。

jQuery还具有一个live（）函数，可以解决您的问题，但现在不建议使用。