Bagaimana untuk Memberitahu Perbezaan Antara Objek DOM dan Objek JavaScript?

Cara Membezakan Objek DOM daripada Objek JavaScript

Apabila bekerja dengan JavaScript, adalah penting untuk membezakan antara objek DOM dan objek JavaScript. Objek DOM selalunya berkaitan dengan elemen dan atribut pada halaman web, manakala objek JavaScript lebih abstrak.

Untuk melaksanakan pembezaan ini dengan cekap, anda boleh menggunakan instanceof operator. Operator ini boleh digunakan untuk mengesahkan sama ada objek tergolong dalam kelas tertentu atau diwarisi daripadanya.

Berikut ialah contoh yang menunjukkan penggunaannya:

<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>

Sebagai alternatif, kaedah yang lebih komprehensif untuk melaksanakan pembezaan ini adalah dengan memperkenalkan fungsi baharu, isNode(), yang mengesahkan sama ada sesuatu objek ialah nod DOM:

<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>

Dengan adanya fungsi ini, fungsi isElement() boleh diubah suai untuk menyemak DOM elemen secara eksklusif:

<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>

Atas ialah kandungan terperinci Bagaimana untuk Memberitahu Perbezaan Antara Objek DOM dan Objek JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!