getElementsByTagName (kaedah teras dom w3c)

3

pulangan Nodelist

Contoh

Contoh di atas mendapat rujukan kepada pengumpulan elemen P dalam dokumen semasa, dan menyimpannya kepada pembolehubah

perenggan

. Koleksi yang dikembalikan adalah

live

, yang bermaksud bahawa perubahan kepada HTML yang diwakilinya akan dicerminkan dengan segera dalam koleksi, tanpa perlu mengambilnya lagi.

var paragraphs = document.getElementByTagName('p');

Kaedah ini juga boleh digunakan secara kontekstual, untuk mendapatkan rujukan kepada unsur -unsur yang berada di dalam elemen tertentu, contohnya: jadi jika senarai

dalam contoh itu adalah elemen UL, pembolehubah

akan merujuk kepada koleksi semua elemen li yang ada di dalam senarai itu.

var items = list.getElementByTagName('li');

unsur -unsur diambil dalam urutan linear di mana mereka muncul dalam dokumen, iaitu. Mereka sesuai dengan pandangan yang diratakan oleh DOM. Jadi jika, dalam contoh sebelumnya, senarai itu sesuai dengan HTML ini: Koleksi yang dikembalikan akan berada dalam urutan berikut:

[0] Cheeses

<ul>
  <li>Cheeses
    <ul>
      <li>Edam</li>
      <li>Gouda</li>
      <li>Cheddar</li>
    </ul>
  </li>
  <li>Hams
    <ul>
      <li>Prosciutto</li>
      <li>Parma</li>
      <li>Salami</li>
    </ul>
  </li>
</ul>

[1] edam

[2] Gouda

1. [3] Cheddar
2. [4] hams
3. [5] Prosciutto
4. [6] Parma
5. [7] salami
Argumen
7. Nama (Domstring) diperlukan Nama tag unsur -unsur untuk dipadankan. Nilai * sepadan dengan semua elemen.
Keterangan
8. Dapatkan senarai yang diperintahkan semua elemen dengan nama tag yang diberikan, yang keturunan dokumen atau elemen ini, dalam urutan linear di mana ia muncul di Dom Tree. Koleksi yang dikembalikan adalah nodelist - koleksi nod yang diperintahkan, diindeks secara berangka bermula dari sifar. Sekiranya tidak ada unsur yang sepadan maka ia adalah koleksi dengan ahli sifar.

koleksi bukan array

Walaupun koleksi kelihatan seperti array, ia bukanlah array - walaupun anda boleh melewatinya dan merujuk kepada ahli -ahlinya seperti array, anda tidak boleh menggunakan kaedah array seperti menolak atau pop di atasnya.

nilai pulangan

Seorang nodel yang mengandungi semua elemen yang dipadankan; Jika tiada elemen yang dijumpai ini akan menjadi senarai dengan ahli sifar.

Soalan Lazim (Soalan Lazim) Mengenai Kaedah GetElementsByTagName

Apakah kaedah getElementsByTagName dalam JavaScript? Kaedah ini mengembalikan htmlcollection secara langsung unsur -unsur dengan nama tag yang diberikan. Koleksi yang dikembalikan adalah secara langsung, yang bermaksud ia mengemas kini secara automatik untuk kekal selaras dengan Dom Tree. Oleh itu, perubahan dalam DOM akan dicerminkan dalam koleksi.

Bagaimanakah kaedah getElementsByTagName berbeza dari kaedah pemilihan DOM yang lain? untuk tag div. Ini menjadikannya kaedah yang serba boleh untuk memilih pelbagai elemen jenis yang sama, dan bukannya mereka yang mempunyai ID atau kelas tertentu. Anda boleh. Walaupun ia adalah perkara biasa untuk menggunakan getElementsByTagName pada objek dokumen, anda juga boleh menggunakannya pada mana -mana nod elemen. Ini membolehkan anda mengecilkan pemilihan anda ke bahagian tertentu dokumen. adalah objek seperti array. Anda boleh mengakses elemen individu dalam koleksi ini menggunakan notasi kurungan, sama seperti anda dengan array. Sebagai contoh, jika anda ingin mengakses elemen pertama, anda boleh menggunakan koleksi [0].

Bolehkah saya menggunakan kaedah array pada koleksi yang dikembalikan oleh getElementsByTagName? adalah seperti array, ia bukan array yang benar. Ini bermakna anda tidak boleh secara langsung menggunakan kaedah array seperti push, pop, atau slice di atasnya. Walau bagaimanapun, anda boleh menukarnya ke array sebenar menggunakan array.from () atau pengendali penyebaran (...).

Apakah maksud koleksi yang dikembalikan oleh getElementsBytagName adalah hidup? Koleksi Live bermaksud bahawa ia secara automatik mengemas kini untuk mencerminkan perubahan dalam DOM. Jika elemen ditambah atau dikeluarkan dari dokumen, koleksi akan dikemas kini untuk memasukkan atau mengecualikan unsur -unsur ini. Kaedah getElementsByTagName adalah sebahagian daripada teras dom W3C, yang bermaksud ia terpakai kepada mana -mana dokumen yang menggunakan DOM, termasuk dokumen XML. Dokumen, kaedah getElementsByTagName adalah kes-tidak sensitif, bermakna tidak kira sama ada anda menggunakan huruf besar atau huruf kecil. Walau bagaimanapun, dalam dokumen XML, ia sensitif kes. anda untuk menentukan kedua -dua ruang nama dan nama tempatan.

Bagaimana saya boleh melengkung melalui unsur -unsur yang dikembalikan getElementsByTagName?

Anda boleh gelung melalui unsur -unsur menggunakan gelung atau untuk ... gelung. Ingat bahawa koleksi itu hidup, jadi jika anda menambah atau mengeluarkan unsur -unsur dalam gelung, anda mungkin perlu mengambil kira ini untuk mengelakkan hasil yang tidak dijangka.

Atas ialah kandungan terperinci getElementsByTagName (kaedah teras dom w3c). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!