> 웹 프론트엔드 > JS 튜토리얼 > 포함 태그 src value_javascript 기술을 변경하는 js 메소드

포함 태그 src value_javascript 기술을 변경하는 js 메소드

WBOY
풀어 주다: 2016-05-16 16:04:48
원래의
1470명이 탐색했습니다.

이 글의 예시에서는 js에서 embed 태그의 src 값을 변경하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 구체적인 분석은 다음과 같습니다.

오늘은 요청이 있습니다. 여러 개의 동영상과 여러 개의 링크를 클릭하면 이 페이지에서 관련 동영상이 열립니다.

첫 번째 아이디어는 매우 간단하다는 것입니다. src 값을 클릭한 항목의 href 값으로 변경하면 됩니다.

시도해 보니 동영상이 어떻게 재생되든 상관없이 항상 방금 열어본 동영상이 재생됩니다.

두 번째 아이디어는 삽입 외부에 라벨을 추가하고 내부 콘텐츠를 지운 다음 작성하는 것입니다. 괜찮을 것입니다.

위와 동일하게 시도해 보았으나 여전히 되지 않습니다.

유사한 방법을 많이 시도해 보았지만 여전히 효과가 없었습니다.

마침내 삽입 태그(display:none)를 숨겼다가 다시 지워서 시도해볼까 하는 생각이 들었습니다. 마침내 작동합니다!

코드는 다음과 같습니다.

var tabv = document.getElementById("f_tabv");
var tabva = tabv.getElementsByTagName("a");
var tabcv = document.getElementById("f_tab_cv");
tabcv.innerHTML = '<EMBED src="abc.wmv" autostart="true"
width="545" height="325" type="video/x-ms-asf"></EMBED>';
for(var i=0; i<tabva.length; i++){
 tabva[i].onclick=function(){
 var href1 = this.getAttribute("href");
 var href2 = '<EMBED src="'+href1+'" autostart="true"
 width="545" height="325" type="video/x-ms-asf"></EMBED>';
 tabcv.getElementsByTagName("embed")[0].style.display="none";
 tabcv.innerHTML="";
 tabcv.innerHTML=href2;
 for(i=0; i<tabva.length; i++){
  tabva[i].className='';
 }
 this.className = "act";
 return false;
 }
}
로그인 후 복사

이 기사가 모든 사람의 JavaScript 프로그래밍 설계에 도움이 되기를 바랍니다.

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿