자바 스크립트를 사용하여 HTML5 태그를 동적으로 바꿉니다.

Question

Adobe Captivate에서 콘텐츠를 생성하는 방법을 거의 이해하지 못했지만 javascript를 사용하여 이동 중에도 동적으로 html 코드를 생성합니다.

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

을 내 선택의 비디오 태그로 대체 : 나는 끊임없이이 줄을 검사 주요 HTML 페이지에 자바 스크립트 코드의 섹션을 추가하고 싶습니다.

내가 지금까지 조사한 대부분의 "대체 스크립트"의 문제점은 페이지가 열리 자마자 실행된다는 것입니다. 그러나 코드가 동적으로 생성되고 태그가 주어진 순간에 나타날 수 있으므로 필자는 내용이 변경 될 때마다 페이지를 확인하는 것.

도움이 될 것입니다! 감사합니다.

Answer 1

요소가 페이지에 추가 된 경우, 즉 <video> 요소를 검색하면됩니다. DOM 이벤트가 있지만 더 이상 사용되지 않습니다. answer을 참조하십시오. 대답은 도움이 될 수 있습니다. 대답은 setInterval()입니다.

이 시도 : 문서 (예를 들어, $(document).ready(checkVideo) jQuery로)로드 될 때

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

}

은 그럼 그냥() checkVideo를 실행합니다.

jQuery도 문제를 해결하는 live() 기능을 가지고 있지만 지금은 더 이상 사용되지 않습니다.