Wie erkennt man den Unterschied zwischen DOM-Objekten und JavaScript-Objekten?

So unterscheiden Sie DOM-Objekte von JavaScript-Objekten

Bei der Arbeit mit JavaScript kann es entscheidend sein, zwischen DOM-Objekten und JavaScript-Objekten zu unterscheiden. DOM-Objekte beziehen sich oft auf Elemente und Attribute auf einer Webseite, während JavaScript-Objekte abstrakter sind.

Um diese Unterscheidung effizient durchzuführen, ist es möglich, den Instanzoperator zu verwenden. Dieser Operator kann angewendet werden, um zu bestätigen, ob ein Objekt zu einer bestimmten Klasse gehört oder von dieser geerbt wurde.

Hier ist ein Beispiel, das seine Verwendung demonstriert:

<code class="javascript">function isElement(obj) {
  try {
    // Using W3 DOM2 (compatible with FF, Opera, and Chrome)
    return obj instanceof HTMLElement;
  } catch (e) {
    // For browsers that don't support W3 DOM2 (like IE7)
    return (
      typeof obj === "object" &&
      obj.nodeType === 1 &&
      typeof obj.style === "object" &&
      typeof obj.ownerDocument === "object"
    );
  }
}</code>

Alternativ kann eine umfassendere Methode implementiert werden Diese Unterscheidung erfolgt durch die Einführung einer neuen Funktion, isNode(), die validiert, ob ein Objekt ein DOM-Knoten ist:

<code class="javascript">function isNode(o) {
  return (
    typeof Node === "object" ? o instanceof Node :
    o &&
    typeof o === "object" &&
    typeof o.nodeType === "number" &&
    typeof o.nodeName === "string"
  );
}</code>

Mit dieser Funktion kann die Funktion isElement() geändert werden, um nach DOM zu suchen Elemente ausschließlich:

<code class="javascript">function isElement(o) {
  return (
    typeof HTMLElement === "object" ? o instanceof HTMLElement : // DOM2
    o &&
    typeof o === "object" &&
    o !== null &&
    o.nodeType === 1 &&
    typeof o.nodeName === "string"
  );
}</code>

Das obige ist der detaillierte Inhalt vonWie erkennt man den Unterschied zwischen DOM-Objekten und JavaScript-Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!