使用Javascript動態替換HTML5標籤

Question

我對Adobe Captivate如何生成它的內容瞭解甚少，但是它在使用javascript時會動態生成html代碼。我想的Javascript代碼部分添加到不停地檢查此行的主要HTML頁面：

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

，並與我選擇的視頻標籤替換它。

到目前爲止，我研究過的大多數「替換腳本」的問題是，它們只在頁面打開時才執行，但由於代碼是動態生成的，並且標記可能在任何給定時刻出現，所以我需要每次內容更改時都會檢查頁面的內容。

任何幫助將不勝感激！ Regards

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（）當文件被加載（與jQuery例如$(document).ready(checkVideo)）。

jQuery還有一個函數live()它應該可以解決您的問題，但現在已經棄用了。