js untuk menukar kemahiran src value_javascript tag benam

WBOY
Lepaskan: 2016-05-16 16:04:48
asal
1432 orang telah melayarinya

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;
 }
}
Salin selepas log masuk

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

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!