Siaran ini menerangkan sifat elemen DOM HTML 'previousElementSibling' menggunakan JavaScript.
Apakah Harta 'previousElementSibling' Elemen DOM HTML?
Elemen DOM (Document Object Model) “ previousElementSibling ” ialah sifat baca sahaja yang membantu untuk mendapatkan semula adik beradik sebelumnya bagi elemen dalam pokok yang sama. Harta ini mengembalikan kandungan adik-beradik terdahulu.
Sintaks
unsur. previousElementSibling
Sintaks ini mengembalikan ' tali ” yang mengandungi kandungan HTML adik beradik terdahulu, dan “ null ” jika ia tidak wujud.
Mari gunakan sintaks yang ditakrifkan di atas secara praktikal untuk menunjukkan kerja sifat 'previousElementSibling'.
Contoh: Menggunakan Harta 'previousElementSibling' untuk Mengembalikan Kandungan Adik Terdahulu
Contoh ini menggunakan sifat JavaScript 'previousElementSibling' untuk mendapatkan kandungan HTML adik beradik sebelumnya.
Kod HTML
Pertama, gambaran keseluruhan kod HTML berikut:
< ul >< itu ID = 'pertama' > HTML < / itu >
< itu ID = 'kedua' > CSS < / itu >
< itu ID = 'ketiga' > JavaScript < / itu >
< / ul >
< hlm ID = 'untuk' >< / hlm >
Dalam baris kod di atas:
- '
- Di dalam senarai tidak tersusun, berbilang item dibenamkan menggunakan '
teg ” dengan id yang diberikan mereka. - Akhir sekali, ' teg ” membenamkan perenggan kosong dengan id unik “para”.
Kod JavaScript
Sekarang, teruskan dengan kod JavaScript:
< skrip >biarkan item = dokumen. getElementById ( 'ketiga' ) . previousElementSibling . innerHTML ;
dokumen. getElementById ( 'untuk' ) . innerHTML = ' Adik beradik sebelumnya bagi item ketiga ialah : ' + item ;
skrip >
Mengikut coretan kod di atas:
- Pembolehubah 'item' mula-mula menggunakan ' getElementById() ' kaedah untuk mengakses item senarai yang disasarkan menggunakan idnya 'ketiga' dan kemudian menggunakan ' previousElementSibling ” harta untuk mendapatkan saudaranya yang terdahulu.
- Selepas itu, ' getElementById() kaedah ” mengakses perenggan kosong yang ditambahkan menggunakan idnya “para” untuk menambahkannya dengan nilai pembolehubah “item” iaitu, adik-beradik terdahulu.
Pengeluaran
Seperti yang dilihat, hasil menunjukkan adik beradik sebelumnya bagi item yang disasarkan iaitu, (JavaScript).
Kesimpulan
JavaScript menyediakan elemen DOM yang telah ditetapkan “ previousElementSibling ” harta untuk mendapatkan semula adik-beradik terdahulu sesuatu unsur. Ia mengembalikan adik beradik sebelumnya bagi sesuatu elemen daripada aras pokok yang sama di mana elemen sasaran terletak. Siaran ini menerangkan dengan mendalam sifat elemen DOM HTML 'previousElementSibling' dalam JavaScript.