js改變embed標簽src值的方法
更新時間：2015年04月10日 12:06:39 作者：jingangel
這篇文章主要介紹了js改變embed標簽src值的方法,涉及javascript操作元素屬性的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js改變embed標簽src值的方法。分享給大家供大家參考。具體分析如下：
今天有一需求，一堆視頻，一堆鏈接，點擊相關的鏈接，在本頁打開相關的視頻。
第一想法，很簡單么，直接把src值改成點擊的那個的href值就可以了。
試了下，發(fā)現(xiàn)這樣不行，視頻該怎么放還是怎么放，永遠是剛打開那個。
第二想法，給embed外面加個標簽，把里面內容清空，再寫進去，這樣總可以了吧。
試了下，和上面一樣，依舊不行。
又試了許多類似方法，還是不行。
最后，想的，把embed標簽隱藏（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程序設計有所幫助。
相關文章
這篇文章主要介紹了微信小程序實現(xiàn)多張照片上傳功能,當服務器的狀態(tài)碼為200且圖片上傳完畢后將圖片的src轉化為Json字符串存在數(shù)組中以便將其添加到數(shù)據庫,本文通過實例代碼介紹的非常詳細,需要的朋友可以參考下2024-03-03
JavaScript Image對象實現(xiàn)原理實例解析
這篇文章主要介紹了JavaScript Image對象實現(xiàn)原理實例解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-08-08
全局對象的isNaN()方法通常用于檢測 parseFloat() 和 parseInt() 的結果，下面為大家介紹下其具體的使用，感興趣的朋友可以參考下2013-12-12
這篇文章主要為大家介紹了巧妙解決Layui.table組件分頁問題方法示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了淺談es6中的元編程，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-12-12
這篇文章主要介紹了JavaScript從數(shù)組中刪除指定值元素的方法,實例分析了兩種常用的javascript操作數(shù)組指定元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
這篇文章主要介紹了原生JS實現(xiàn)的放大鏡特效,涉及javascript事件響應及頁面元素動態(tài)操作相關實現(xiàn)技巧,需要的朋友可以參考下2018-12-12
layui數(shù)據表格 table.render 報錯的解決方法
今天小編就為大家分享一篇layui數(shù)據表格 table.render 報錯的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
詳解基于DllPlugin和DllReferencePlugin的webpack構建優(yōu)化
這篇文章主要介紹了詳解基于DllPlugin和DllReferencePlugin的webpack構建優(yōu)化，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了寫一個飛快的 JavaScript 打包壓縮工具，非常好用，本文給大家分享實現(xiàn)思路,需要的朋友可以參考下2020-04-04