Maison  >  Article  >  interface Web  >  méthode js pour modifier les compétences de la balise intégrée src value_javascript

méthode js pour modifier les compétences de la balise intégrée src value_javascript

WBOY
WBOYoriginal
2016-05-16 16:04:481425parcourir

L'exemple de cet article décrit comment modifier la valeur src de la balise embed dans js. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Aujourd'hui, j'ai une demande, un tas de vidéos et un tas de liens. Cliquez sur le lien correspondant pour ouvrir la vidéo correspondante sur cette page.

La première idée est que c'est très simple. Changez simplement la valeur src par la valeur href de celle sur laquelle vous avez cliqué.

Je l'ai essayé et j'ai constaté que cela ne fonctionnait pas. Je lis toujours la vidéo, quelle que soit la façon dont je la joue. Ce sera toujours celle que je viens d'ouvrir.

La deuxième idée est d'ajouter une étiquette à l'extérieur de l'intégration, d'effacer le contenu à l'intérieur, puis de l'écrire. Cela devrait aller.

Je l'ai essayé, comme ci-dessus, mais ça ne marche toujours pas.

J’ai essayé de nombreuses méthodes similaires, mais cela n’a toujours pas fonctionné.

Enfin, j'ai pensé à masquer la balise embed (display:none) et à l'effacer à nouveau pour essayer. Enfin ça marche !

Le code est le suivant :

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

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn