Heim > Artikel > Web-Frontend > JS greift auf die ausgewählte Knotenmethode des DOM-Objekts zu
Dieses Mal werde ich Ihnen den JS-Zugriff auf das DOM-Objektausgewählte Knotenmethode vorstellen. Was sind die Vorsichtsmaßnahmen für den Zugriff auf das DOM-Objekt und die Auswahl des Knotens? Werfen wir einen Blick auf die praktischen Fälle.
Einführung
Verwenden Sie die Methode getElementById()
, um auf den Knoten mit der angegebenen ID zuzugreifen, und verwenden Sie den nodeName Attribut, nodeType-Attribut und nodeValue-Attribut, um den Knotennamen, den Knotentyp und den Knotenwert anzuzeigen.
1. nodeNameAttribut
Dieses Attribut wird verwendet, um den Namen eines Knotens abzurufen.
[sName=]obj.nodeName
sName: Die Variable String wird zum Speichern des Namens des Knotens verwendet.
2. nodeTypeAttribut
Dieses Attribut wird verwendet, um den Typ eines Knotens abzurufen.
[sType=]obj.nodeType
sType: String-Variable, die zum Speichern des Knotentyps verwendet wird. Der Wert dieses Typs ist numerisch. Der Typ dieses Parameters ist in der folgenden Tabelle aufgeführt.
Typ | Wert | Knotenname | Beschreibung |
Element ) | 1 | Tag | Jedes HTML- oder XML-Tag |
Attribut | 2 | Attribut | Attribut im Tag |
Text (Text) | 3 | #text | Enthält den Text im Tag |
Kommentar | 8 | #comment | HTML-Kommentar |
Dokument | 9 | #document | Dokumentobjekt |
DocumentType (documentType) | 10 | DOCTYPE | DTD-Spezifikation |
3 nodeValueEigenschaft
Diese Eigenschaft gibt den Wert des Knotens zurück.
[txt=]obj.nodeValue
txt: String-Variable wird zum Speichern des Werts des Knotens verwendet. Mit Ausnahme des Textknotentyps werden die Knotenwerte anderer Typen gespeichert sind „null“.
Die zweite Anwendung
greift auf den angegebenen Knoten zu. In diesem Beispiel werden der Name des angegebenen Knotens und der Typ des Knotens angezeigt in das Eingabeaufforderungsfeld, das auf der Seite erscheint, und den Wert des Knotens ein.
Drei Codes
<!DOCTYPE html> <html> <head> <title>访问指定节点</title> </head> <body id="b1"> <h3 >三号标题</h3> <b>加粗内容</b> <script language="javascript"> <!-- var by=document.getElementById("b1"); var str; str="节点名称:"+by.nodeName+"\n"; str+="节点类型:"+by.nodeType+"\n"; str+="节点值:"+by.nodeValue+"\n"; alert(str); --> </script> </body> </html>
Beim vierten Durchlauf erscheint das folgende Eingabeaufforderungsfeld:
Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie hier Weitere verwandte Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Wie React Native schwebende Schaltflächen implementiert
Wie Webpack den Austausch von Hot-Modulen implementiert
Das obige ist der detaillierte Inhalt vonJS greift auf die ausgewählte Knotenmethode des DOM-Objekts zu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!