Teilen von JavaScript-Videomaterial der Band of Brothers

Brothers ist, wie jeder wissen muss, eine der besten Ausbildungseinrichtungen in der Ausbildungsbranche. Sie ist sehr bekannt für ihre hohe Qualität. Daher ist die Qualität der Kurse von Band of Brothers auch sehr hoch. Jeder sollte es lesen und fleißig lernen.

"Band of Brothers JavaScript Video Tutorial" Dies ist ein Kurs, der Ihnen hilft, die Programmiersprache JavaScript systematisch zu erlernen. Dieser Kurs führt Sie von der Oberfläche in die Tiefe ein und analysiert häufige Missverständnisse anhand praktischer Beispiele um Ihr Denken anzuregen und den Lernenden dabei zu helfen, Ihre JavaScript-Kenntnisse vom Anfänger bis zum Meister zu verbessern.

Video-Wiedergabeadresse: http://www.php.cn/course/240.html

Dieses Video ist Javascript Einfaches Video, daher liegt die Schwierigkeit darin, dass jeder die grundlegenden Konzepte versteht und beherrscht. Zum Beispiel DOM-Operationen, Javascript-Ereignisobjekte,

1. document.getElementById() Elementknoten basierend auf der ID abrufen

 <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() Elementknoten basierend auf abrufen 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() Elementknoten basierend auf HTML-Tag-Namen abrufen. Beachten Sie, dass der Selektor von getElements*** ein NodeList-Objekt zurückgibt Zahl, und die Ausgabe kann durchlaufen werden.

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

Das obige ist der detaillierte Inhalt vonTeilen von JavaScript-Videomaterial der Band of Brothers. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!