Dieser Artikel beschreibt die Implementierungsmethode der Registerkarte JS. Teilen Sie es für Ihre Referenz. Die spezifische Analyse ist wie folgt:
1. Ideen
1. Holen Sie sich Elemente;
2. Fügen Sie das Ereignis von Onclick oder Onmousemove zum Schleifen -Schaltflächenelement hinzu.
3. Wenn Sie auf die aktuelle Schaltfläche klicken, wird es in einem hervorgehobenen Zustand angezeigt. Durch die für Schleife sind alle Tastenstile auf leer eingestellt. Stellen Sie die Anzeige aller Divs auf keine.
4. Klicken Sie auf die aktuelle Schaltfläche, um Stil hinzuzufügen, die aktuelle DIV anzuzeigen und die Anzeige auf Block zu setzen.
2. HTML -Code:
<div id="div1"> <input type="button" value="1"/> <input type="button" value="2"/> <input type="button" value="3"/> <input type="button" value="4"/> <div style="display:block;">11</div> <div>22</div> <div>33</div> <div>44</div></div>
3. CSS -Teil:
.Active {Hintergrund:#9cc;}. Div2 {width: 300px; Höhe: 200px; Rand: 1PX #66666 Solid; Anzeige: Keine;}4. JS Code:
<Script> window.onload = function () {var odiv = document.getElementById ('div1'); // div var btn = odiv.getElementsByTagName ('input'); // Eingabe in Eingabe var div2 = odiv.GetElementsByTagname ('div'); // Div -div -div -div -div -div -diving (i = 0; i = 0; i = 0; i = 0; i = 0; Btn [i] .Index = i // btn [i] ist der I-te Taste der angegebenen Taste; Fügen Sie der Taste ein Indexattribut hinzu und setzen div} this.className = 'active' // Active Div2 [this.index] .style.display = 'block' // this.index ist der aktuelle Div}}} </script>Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.