Heim > Web-Frontend > js-Tutorial > Hauptteil

Zusammenfassung einiger häufig verwendeter Attribute in DOM-Operationen_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:09:59
Original
1362 Leute haben es durchsucht

1.DOM: Document Object Model DOM (Document Object Model) definiert eine Standardmethode für den Zugriff auf und die Verarbeitung von HTML-Dokumenten. DOM stellt HTML-Dokumente als Baumstruktur (Knotenbaum) mit Elementen, Attributen und Text dar.

2. Einige häufig verwendete Attribute von DOM

 2.1 Elemente nach ID abrufen

(1) Grammatik:

Code kopieren Der Code lautet wie folgt:

document.getElementById("id");

(2) Funktion: ID ist der Personalausweis einer Person. Wir können das Tag finden, indem wir nach seiner ID suchen und dann entsprechende Vorgänge ausführen.

(3) Hinweis: Vergessen Sie nicht, das Dokument zu schreiben!

 2.2 innerHTML-Attribut

(1) Grammatik:

Code kopieren Der Code lautet wie folgt:

Obgect.innerHTML="Hallo Welt"

(2) Funktion: Hauptsächlich zum Abrufen oder Ersetzen des Inhalts im Tag

 (3) Beispiel:

Code kopieren Der Code lautet wie folgt:





innerHTML


javascript


JavaScript ist eine einfache objektbasierte, ereignisgesteuerte Skriptsprache, die vom Browser interpretiert und ausgeführt wird. Sie erzeugt dynamische Anzeigeeffekte auf Webseiten und implementiert interaktive Funktionen mit Benutzern.





 (4) Hinweis: Objekt ist das erhaltene Elementobjekt, z. B. das über document.getElementById("ID") erhaltene Element.

 2.3 HTML-Stil ändern

(1) Grammatik:

Code kopieren Der Code lautet wie folgt:

Object.style.property

(2) Funktion: Wird zum Ändern des HTML-Stils

verwendet

 (3) Beispiel:

Code kopieren Der Code lautet wie folgt:


Ich liebe JavaScript


Mit JavaScript können Webseiten dynamische Effekte anzeigen und interaktive Funktionen mit Benutzern implementieren.




(4) Hinweis: Es gibt viele Arten von Eigenschaften, wie z. B. Farbe, Höhe usw., die mit dieser Methode geändert werden können. Vergessen Sie nicht, nach der Eigenschaft ein Semikolon hinzuzufügen.

 2.4 Ein- und Ausblenden (Anzeigeattribut)

(1) Grammatik:

Object.style.display=value
(2) Funktion: Das Ein- und Ausblenden wird häufig auf Webseiten angezeigt, was mithilfe des Anzeigeattributs

erreicht wird

 (3) Beispiel:

Code kopieren Der Code lautet wie folgt:




(4) Remarque : La valeur de value est none et block, où none signifie ne pas afficher le contenu, et block signifie afficher le contenu

 

Attribut className 2.5

(1) Grammaire :

Object.className=nom de classe


(2) Fonction : 1. Obtenez l'attribut de classe de l'élément ; 2. Spécifiez un style CSS pour un élément dans la page Web afin de modifier l'apparence de l'élément

 (3) Exemple :


attribut className



JavaScript permet aux pages Web d'afficher des effets dynamiques et de mettre en œuvre des fonctions interactives avec les utilisateurs.



JavaScript permet aux pages Web d'afficher des effets dynamiques et de mettre en œuvre des fonctions interactives avec les utilisateurs.







Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!