Heim > Artikel > Web-Frontend > Zusammenfassung des JS-Zugriffs auf DOM-Objektknotenmethoden

Zusammenfassung des JS-Zugriffs auf DOM-Objektknotenmethoden

php中世界最好的语言Original: 2018-06-11 14:28:302245Durchsuche

Dieses Mal werde ich Ihnen eine Zusammenfassung der Methoden für den Zugriff auf DOM-Objektknoten mit JS geben. Was sind die Vorsichtsmaßnahmen für den Zugriff auf DOM-Objektknoten mit JS?

Einführung

Verwenden Sie die getElementById()-Methode, 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: String-Variable, die zum Speichern des Namens des Knotens verwendet wird.

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:

js+css+html zum Erstellen einer Tippanimationsfunktion

Verwenden Sie mint-ui auf dem Handy Telefon Erstellen Sie eine dreistufige Verknüpfung

Das obige ist der detaillierte Inhalt vonZusammenfassung des JS-Zugriffs auf DOM-Objektknotenmethoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

php css html NULL xml 字符串 Attribute JS 对象 dom ui

Stellungnahme：

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

Vorheriger Artikel：So verwenden Sie vue+mint-ui im ProjektNächster Artikel：So verwenden Sie vue+mint-ui im Projekt

In Verbindung stehende Artikel

Mehr sehen