javascript - 使用 Javascript 动态替换 HTML5 标签

Question

我对 Adob​​e Captivate 如何生成其内容知之甚少，但它使用 javascript 动态生成 html 代码。我想将一段 Javascript 代码添加到不断检查此行的主 html 页面:

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

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

到目前为止，我研究过的大多数“替换脚本”的问题是它们只在页面打开时立即执行，但由于代码是动态生成的，标签可能会在任何给定时刻出现，所以我需要一些东西每次内容更改时检查页面。

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

Answer 1

你需要的是检测元素何时被添加到页面，特别是<video>元素。为此有一个 DOM 事件，但它已被弃用 - 请参阅此 answer .答案可能对你有帮助，采纳的答案建议setInterval() .

试试这个:

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

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

jQuery 还有一个函数 live()这应该可以解决您的问题，但现在已弃用。