Heim > Artikel > Web-Frontend > Ausführliche Erläuterung von Methodenbeispielen zur Verwendung von Javascript und JQuery zur Erkennung der Existenz von Dom-Knoten
1. JavaScript bestimmt, ob ein DOM-Knoten auf der Seite vorhanden ist
Die native JavaScript-Funktion stellt keine Methode bereit, um festzustellen, ob ein DOM-Knoten vorhanden ist. Normalerweise erhalten wir DOM-Knoten über document.getElement. Methode, die eine Objektsammlung zurückgibt, können wir über Objekt[0], Objekt[1] auf jedes Objekt dieser Sammlung zugreifen. Da ein Array-Satz zurückgegeben wird, gibt es ein Längenattribut, und eine Länge größer oder gleich 1 bedeutet, dass der DOM-Knoten auf der Seite vorhanden ist
Code:
Object.prototype.exist = function(){ if(typeof this !='undefined' && this.length>=1){ return true; } return false; };
Verwendung:
Angenommen, die Seite hat die folgenden Knoten
<p>这里是p节点</p> <p>这里是p节点</p> <span>这里是span节点</span>
Beurteilen Sie, ob der Knoten vorhanden ist ist auf der Seite:
var is_exist = document.getElementsByTagName('p').exist(); alert(is_exist); // true var is_exist = document.getElementsByTagName('span').exist(); alert(is_exist); // true var is_exist = document.getElementsByTagName('p').exist(); alert(is_exist); // false
Hinweis: Wenn Sie die Methode document.getElementById() verwenden, um die zu erhalten Objekt, Sie können die Methode exist () nicht verwenden, da die Methode gemäß der ID ein leeres Objekt zurückgibt, wenn das Knotenobjekt nicht abgerufen werden kann und den Prototyp der Funktion exist () nicht integriert, sodass ein Fehler gemeldet wird! Wenn Sie das Objekt also anhand der ID abrufen, können Sie direkt if(obj) ermitteln. Auf diese Weise können Sie feststellen, ob der DOM-Knoten auf der Seite vorhanden ist.
2. jQuery ermittelt, ob der DOM-Knoten auf der Seite vorhanden ist Seite
Prototyp hinzufügen:
(function($) { $.fn.exist = function(){ if($(this).length>=1){ return true; } return false; }; })(jQuery);
Verwendung:
Wenn die Seite die folgenden DOM-Knoten hat
这里是id=a节点
<p>这里是p节点</p> <p>这里是p节点</p> <span>这里是span节点</span>
Beurteilung:
alert($('#aaa').exist()); // false alert($('#a').exist()); // true alert($('p').exist()); // true alert($('p').exist()); // false
Die beiden oben genannten Methoden bestimmen tatsächlich anhand des Längenattributs der Objektsammlung, ob das Objekt vorhanden ist.
Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung von Methodenbeispielen zur Verwendung von Javascript und JQuery zur Erkennung der Existenz von Dom-Knoten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!