Heim > Web-Frontend > H5-Tutorial > Detaillierte Erläuterung von Beispielen für className und eine href

Detaillierte Erläuterung von Beispielen für className und eine href

零下一度
Freigeben: 2017-06-29 11:14:52
Original
2197 Leute haben es durchsucht

JS und ein href

Achten Sie im href auf das Ende des Semikolons und das schließende Anführungszeichen

<a>空链接</a><a>弹出</a>
Nach dem Login kopieren

Detaillierte Erläuterung von Beispielen für className und eine href


Sie können den Code im Allgemeinen leer lassen. Sie können auch das Nummernzeichen „#“ verwenden, wenn es leer ist, aber das ist nicht sehr gut.


className


<style>#div1 {width:100px; height:100px; border:1px solid black;}.box {background:red;}</style><script>function toRed()
{var oDiv=document.getElementById(&#39;div1&#39;);
    
    oDiv.className=&#39;box&#39;;             //不要写成class
}</script><input><div></div><p>1. Es gibt jedoch keine Methode, um eine Verbindung zur Klasse herzustellen . </p>
Nach dem Login kopieren
getElementById() 返回对拥有指定 id 的第一个对象的引用。
getElementsByName() 返回带有指定名称的对象集合。
getElementsByTagName() 返回带有指定标签名的对象集合。

Sie müssen JS verwenden, um einen Indexstil basierend auf className zu erstellen. Sie müssen nach getelement ein sekundäres Attribut „.className“ hinzufügen. Nach dem Hinzufügen ist das Tag mit der ursprünglich angegebenen ID nicht vorhanden nur vom „Pfundzeichen“ indiziert. Der Stil der ID wird auch vom „Punkt“-Index zum Stil der Klasse indiziert.


2 'box'; Verursachte Änderungen: Ein Beispiel ist oDiv, was einer anderen Art entspricht, es auszudrücken:

Wenn das Tag

bereits das Attribut class=xxx hat, wird die Aktion ausgeführt zur Funktion wird class=xxx in class=box geändert

Wenn

nicht class =xxx hat, wird es zufällig erstellt, wenn das Skript ausgeführt wird

Denken Sie daran Wenn

keinen angegebenen Stil hat = wie Sie möchten. Ich fürchte, Sie möchten nicht ändern

Dies ist nur eine Methode

- Es gibt auch die Art und Weise des Zitierens Eckige Klammern sind dasselbe wie das durch (Punkt) hervorgerufene Attribut. Es wird im Allgemeinen nicht verwendet, außer in besonderen Fällen.

Wenn sich [''] auf eine Variable bezieht Angenommen, a = 'width', dann wird ['a'] zu [' ' width ' '] Dies entspricht nicht dem Konzept von getelement ['property']

Die Verarbeitungsmethode zu diesem Zeitpunkt kann [a] ohne Anführungszeichen sein!

- Alle können anstelle von

oDiv

.className

='Box '; //Die folgenden sind äquivalentoDiv ['className']

= 'Box'; 🎜>Mehrere Ebenen sind ebenfalls verfügbar, oDiv['style']['width'] = '40px'- Wann müssen Sie [''] verwenden? Im Allgemeinen können Funktionsparameter an den Attributnamen übergeben werden, um das Attribut darzustellen. In diesem Fall wird ['']

JS eingebettete HTML-Laufsequenz:

-Ereignisaktion ausführen, die angegebene JS-Funktion ausführen, die Funktion ändert das angegebene ID-Tag.

Detaillierte Erläuterung von Beispielen für className und eine href

JS eingebettet HTML-Code-Schreibsequenz:

-Denken Sie über die Auswirkung der Änderung nach, markieren Sie die ID/Klasse für das angegebene Effekt-Tag, verwenden Sie oder #, um {style} zu erstellen, und rufen Sie die ID auf, um die Logik davon zu schreiben CSS ändern und mit der Ereignisfunktion auslösen.

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Beispielen für className und eine href. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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