Rumah  >  Artikel  >  hujung hadapan web  >  js untuk menukar kemahiran src value_javascript tag benam

js untuk menukar kemahiran src value_javascript tag benam

WBOY
WBOYasal
2016-05-16 16:04:481425semak imbas

Contoh dalam artikel ini menerangkan cara menukar nilai src teg benam dalam js. Kongsikan dengan semua orang untuk rujukan anda. Analisis khusus adalah seperti berikut:

Hari ini saya mempunyai permintaan, sekumpulan video dan sekumpulan pautan Klik pada pautan yang berkaitan untuk membuka video yang berkaitan di halaman ini.

Idea pertama ialah ia sangat mudah. ​​Cuma tukar nilai src kepada nilai href yang diklik.

Saya mencubanya dan mendapati ia tidak berfungsi Saya masih memainkan video itu tidak kira bagaimana saya memainkannya.

Idea kedua ialah menambah label di luar benaman, kosongkan kandungan di dalam, dan kemudian tuliskannya. Ini sepatutnya baik.

Saya mencubanya, sama seperti di atas, tetapi ia masih tidak berkesan.

Saya mencuba banyak kaedah yang serupa, tetapi ia masih tidak berjaya.

Akhirnya, saya terfikir untuk menyembunyikan teg benam (display:none) dan mengosongkannya sekali lagi untuk mencuba. Akhirnya ia berfungsi!

Kod adalah seperti berikut:

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;
 }
}

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn