So blenden Sie mehrere Elemente in Javascript

Wenn Sie mehr als ein HTML-Element auf einmal ausblenden möchten, müssen Sie keinen Zeit zu verlieren, indem Sie den gleichen Code immer und immer wieder wiederholen. Stattdessen können Sie vereinfachen Ihre Arbeit und wenden sich an eine Funktion, die mehrere Elemente in JavaScript versteckt. Mithilfe von JavaScripts for() Schleife-Funktionalität können Sie einen Befehl zum Ausblenden des Elements schreiben und verwenden Sie es auf jedem Element müssen Sie gleichzeitig ausblenden.

Anweisungen

1 Öffnen Sie den Quellcode für Ihre Web-Seite (im Allgemeinen eine HTM-, ein .html oder .php-Datei). Verwenden Sie Ihren bevorzugten HTML-Editor oder ein einfaches Programm wie Windows Notepad oder OSXs TextEdit.

2 Suchen Sie den Header der Datei---der Code zwischen "< Head >" und "< / Head >." Kopieren Sie nach "< Head >"-Tag und fügen Sie diesen Code:

< Skript-Typ = "Text/JavaScript" >

<!--

Funktion hideElements(elements) {}

Elements_array = elements.split(',');

(Element in Elements_array) {Document.getElementById(elements_array[element]).style.display = 'none';}

}

-->

< / script >

3 Blättern Sie zu der Body-Bereich Ihrer Webseite (der Code zwischen "< Body >" und "< / body >") und fügen Sie ein einfaches "< Div >" Element als verstecken Taste verwenden. Stellen Sie sicher, dass das div-Tag ein "Onclick"-Element, das auf die Funktion "hideElements()" enthält:

< Div onclick="hideElements()" Style = "Border: 1px solid #000000;" > Ausblenden von Elementen < / Div >

4 Fügen Sie die IDs der Elemente, die Sie zwischen den Klammern des Verweises "hideElements()" in das div-Tag, durch Kommas getrennt ausblenden möchten.

Beispielsweise wenn Sie Elemente mit der Id "picture_1" ausblenden möchten, schreiben Sie "caption_of_picture_1" und "Page_footer" "hideElements('picture_1,caption_of_picture_1,'page_footer')" im < Div >-Tag.

5 Speichern Sie die Datei und schließen Sie den Editor. Wenn Sie die Datei in Ihrem Browser öffnen, klicken Sie auf "Elemente ausblenden", um die aufgelisteten Seitenelemente auszublenden.