Heim > Artikel > Web-Frontend > JS-Implementierungsbeispiel für eine Methode zum Zugriff auf einen bestimmten DOM-Knoten. object_javascript-Fähigkeiten
JS-Implementierungsbeispiel für eine Methode zum Zugriff auf einen bestimmten DOM-Knoten. object_javascript-Fähigkeiten
- 不言Original
- 2018-04-04 17:19:191684Durchsuche
Dieser Artikel stellt hauptsächlich die Methode von JS vor, um auf den angegebenen Knoten des DOM-Objekts zuzugreifen, und analysiert die zugehörigen Betriebsfähigkeiten von Javascript für DOM-Elementknotenattribute in Form von Beispielen. Freunde in Not können sich auf das Folgende beziehen
Die Beispiele in diesem Artikel beschreiben, wie JS die Methode zum Zugriff auf den angegebenen Knoten des DOM-Objekts implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Einführung
Verwenden Sie die Methode getElementById(), um auf den Knoten zuzugreifen Geben Sie die angegebene ID ein und verwenden Sie das Attribut nodeName, das Attribut nodeType und das Attribut nodeValue, 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 angezeigt wird, und den Wert des Knotens ein.
Drei Codes
<!DOCTYPE html>
<html>
<head>
<title>www.jb51.net 访问指定节点</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>
Vier-Run-Popup Das folgende Eingabeaufforderungsfeld:
Verwandte Empfehlungen:
So bedienen Sie DOM-Elemente in js
Detaillierte Erläuterung der DOM-Ereignisbindung in js
Dom Wie man Attribute verwendet
Das obige ist der detaillierte Inhalt vonJS-Implementierungsbeispiel für eine Methode zum Zugriff auf einen bestimmten DOM-Knoten. object_javascript-Fähigkeiten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!