Maison  >  Article  >  interface Web  >  Partage de matériel vidéo JavaScript de Band of Brothers

Partage de matériel vidéo JavaScript de Band of Brothers

巴扎黑
巴扎黑original
2017-08-28 17:30:521647parcourir

Brothers, comme tout le monde doit le savoir, est l'un des meilleurs établissements de formation du secteur de la formation. Il est très réputé en raison de sa haute qualité. Par conséquent, la qualité des cours de Band of Brothers est également très élevée. Tout le monde devrait le lire et étudier dur. Vous devriez gagner beaucoup après vos études.

"Tutoriel vidéo JavaScript de Band of Brothers" Il s'agit d'un cours pour vous aider à apprendre systématiquement le langage de programmation JavaScript. Ce cours présente les fonctionnalités du langage JavaScript du plus superficiel au plus profond et analyse les malentendus courants avec des exemples pratiques. pour inspirer votre réflexion et aider les apprenants à améliorer leurs compétences JavaScript du niveau débutant à la maîtrise.

Partage de matériel vidéo JavaScript de Band of Brothers

Adresse de lecture vidéo : http://www.php.cn/course/240.html

Cette vidéo est javascript Vidéo basique, la difficulté réside donc dans la compréhension et la maîtrise par chacun des concepts de base. Par exemple, les opérations DOM, les objets d'événement javascript,

1. document.getElementById() Obtenez les nœuds d'élément en fonction de l'ID

 <p id="p1">
        <p id="p1">
            我是第一个P</p>
        <p id="p2">
            我是第二个P</p>
    </p>
    
    window.onload = function () {
            var str = document.getElementById("p1").innerHTML;
            alert(str);        //弹出    我是第一个P
        }

2. document.getElementsByName() Obtenez les nœuds d'élément en fonction de name

   <p id="p1">
        <p id="p1">
            我是第一个P</p>
        <p id="p2">
            我是第二个P</p>
        <input type="text" value="请输入值" name="userName" />
        <input type="button" value="确定" onclick="fun1()">
    </p>
        
        function fun1() {
            var username = document.getElementsByName("userName")[0].value;
            alert(username);    //输出userName里输入的值
        }

3. document.getElementsByTagName() Récupère les nœuds d'éléments en fonction des noms de balises HTML. Notez que le sélecteur de getElements*** renvoie un objet NodeList. numéro, et la sortie peut être parcourue.

 <p id="p1">
        <p id="p1">
            我是第一个P</p>
        <p id="p2">
            我是第二个P</p>
    </p>
    window.onload = function () {
            var str = document.getElementsByTagName("p")[1].innerHTML;
            alert(str);        //输出  我是第二个P,因为获取的是索引为1的P,索引从0开始
        }    
    window.onload = function () {
            var arr = document.getElementsByTagName("p");
            for (var i = 0; i < arr.length; i++) {
                alert(arr[i].innerHTML);
            }
        }
    window.onload = function () {
            var node = document.getElementById("p1");         var node1 = document.getElementsByTagName("p")[1];    //从获取到的元素再获取
            alert(node1.innerHTML);
    }

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

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