DOM中的parentNode总结
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>parentNode</title>
<script type="text/javascript">
"use strict"
window.onload=function(){
var oUl=document.getElementById("ul1");
var nodeList=oUl.childNodes;
// console.log(nodeList);
var arr=convertToArray(nodeList,0);
console.log(arr);
for(var i=0,len=arr.length;i<len;i++){
console.log(arr[0].parentNode);
}
console.log(arr[0].nextSibling);
//第一个子节点是没有previousSibling的
console.log(arr[0].previousSibling);
}
function convertToArray(nodes){
var array=null;
try{
array=Array.prototype.slice.call(nodes,0);
}catch(ex){
array=new Array();
for(var i=0,len=nodes.length;i<len;i++){
array.push(nodes[i]);
}
}
return array;
}
</script>
</head>
<body>
<ul id="ul1">
<li>111</li>
<li>222</li>
<li>333</li>
</ul>
</body>
</html>某个父节点的子节点所有的parentNode都是指向同一个节点，以上代码循环打出的，如下：
另外每个子节点都会有nextSibling和preciousSibling，当然，如果是第一个子节点则无previousSibling，而最后一个子节点是没有nextSibling的，返回的结果都是为null
每个子节点的集合中都会有firstChild和lastChild，只有当没有子节点的情况下，这两个值都为null，才相等。
Atas ialah kandungan terperinci DOM中的parentNode总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1393
52
1205
24
Ringkaskan penggunaan fungsi system() dalam sistem Linux
Feb 23, 2024 pm 06:45 PM
Ringkasan fungsi system() di bawah Linux Dalam sistem Linux, fungsi system() ialah fungsi yang sangat biasa digunakan, yang boleh digunakan untuk melaksanakan arahan baris arahan. Artikel ini akan memperkenalkan fungsi system() secara terperinci dan menyediakan beberapa contoh kod khusus. 1. Penggunaan asas fungsi system() Pengisytiharan fungsi system() adalah seperti berikut: intsystem(constchar*command);
Cara menggunakan parentnode
Sep 18, 2023 am 10:17 AM
Cara menggunakan parentnode: 1. Buat contoh fail HTML; 2. Dapatkan objek nod dengan id "anak" melalui kaedah getElementById 3. Dapatkan objek nod induk menggunakan atribut parentNode; id node ialah "ibu bapa".
Ringkasan pengalaman pengurusan aliran kerja Git
Nov 03, 2023 pm 06:45 PM
Ringkasan pengalaman pengurusan aliran kerja Git Pengenalan: Dalam pembangunan perisian, pengurusan versi ialah pautan yang sangat penting. Sebagai salah satu alat pengurusan versi paling popular pada masa ini, keupayaan pengurusan cawangan Git yang berkuasa menjadikan kerjasama pasukan lebih cekap dan fleksibel. Artikel ini akan meringkaskan dan berkongsi pengalaman pengurusan aliran kerja Git. 1. Pengenalan kepada aliran kerja Git Git menyokong pelbagai aliran kerja, dan anda boleh memilih aliran kerja yang sesuai mengikut situasi sebenar pasukan. Aliran kerja Git biasa termasuk aliran kerja terpusat, aliran kerja cawangan ciri dan GitF
Cara menulis laporan ringkasan ppt dan cara menulisnya dengan baik
Mar 19, 2024 pm 08:16 PM
Laporan ringkasan adalah kemahiran penting untuk kelangsungan hidup di tempat kerja Jika terdapat laporan ringkasan PPT yang jelas dan teratur, ia bukan sahaja dapat menjimatkan masa pemimpin, tetapi juga menyediakan ringkasan kerja yang berfokus, yang pasti akan menarik perhatian pemimpin. Bagaimana untuk menulis laporan ringkasan ppt? Mari kita lihat! Kami membuka fail kes dan menerangkan berdasarkan kes ini. Kes ini kelihatan agak ketinggalan zaman, seperti yang ditunjukkan dalam gambar di bawah. 2. Memandangkan kita ingin mengubah suai PPT sebentar tadi, mari kita jelaskan masalah sedia ada dengan cara yang disasarkan, seperti yang ditunjukkan dalam rajah. 3. Di sini kami memperkenalkan kepada pelajar laman web [padanan warna], tapak web vanschneider.com Laman web di sini masih sangat kaya dengan padanan warna, seperti yang ditunjukkan dalam rajah. 4. Di sini kami menyediakan bahan teks PPT, dan kemudian
Terokai asal usul alam semula jadi! Buletin ketujuh ringkasan akhir tahun 2022 Google: Bagaimanakah 'Bahan Persekitaran Biokimia' boleh menuai dividen pembelajaran mesin?
Apr 11, 2023 pm 07:19 PM
Dengan kemajuan besar dalam pembelajaran mesin dan pengkomputeran kuantum, kami kini mempunyai alat baharu dan lebih berkuasa untuk bekerjasama dengan penyelidik merentasi industri dengan cara baharu dan mempercepatkan secara radikal kemajuan penemuan saintifik terobosan. Tema ringkasan akhir tahun Google tahun ini ialah "Sains Semulajadi." Penulis artikel itu ialah John Platt, seorang saintis cemerlang di Google Research. Beliau lulus dari Institut Teknologi California dengan Ph.D. Sejak menyertai Penyelidikan Google lapan tahun lalu, saya bernasib baik kerana menjadi sebahagian daripada komuniti penyelidik berbakat yang menggunakan teknologi pengkomputeran termaju untuk memajukan kemungkinan sains gunaan Pasukan ini sedang meneroka topik dalam sains fizikal dan semula jadi, daripada membantu organisasi Protein dunia dan maklumat genomik untuk memberi manfaat kepada kehidupan manusia, setakat penggunaan
Ringkasan pengalaman pembangunan ThinkPHP: Petua untuk meningkatkan kecekapan pembangunan
Nov 22, 2023 pm 12:28 PM
ThinkPHP ialah rangka kerja pembangunan PHP yang popular yang fleksibel, cekap dan mudah digunakan Ia digunakan secara meluas dalam pembangunan aplikasi web. Dalam amalan pembangunan jangka panjang, saya telah merumuskan beberapa teknik untuk meningkatkan kecekapan pembangunan, yang akan saya kongsikan dengan anda di bawah. 1. Gunakan sepenuhnya fungsi teras ThinkPHP ThinkPHP menyediakan banyak fungsi teras yang berkuasa, seperti model, pandangan, pengawal, dll. Kita perlu menggunakan sepenuhnya fungsi ini untuk memudahkan proses pembangunan. Pertama sekali, kita mesti menggunakan corak reka bentuk MVC dengan betul dan menyepadukan perniagaan
Ringkasan sifat Margin dalam CSS
Feb 18, 2024 pm 10:11 PM
Ringkasan atribut margin dalam CSS Atribut margin dalam CSS digunakan untuk menetapkan jidar unsur, yang boleh mengawal jarak antara elemen dan elemen sekeliling. Artikel ini akan meringkaskan atribut margin dan menyediakan beberapa contoh kod khusus untuk rujukan. Atribut margin mempunyai empat nilai, yang mewakili margin atas, kanan, bawah dan kiri elemen. Anda boleh menetapkan nilai margin dengan cara berikut: Nilai tunggal: Tetapkan margin dalam semua arah supaya sama. Contohnya: .margin{margin:
Analisis dan ringkasan kes aplikasi antara muka AI Baidu dalam pembangunan Java
Aug 13, 2023 pm 12:10 PM
Analisis dan ringkasan kes aplikasi antara muka AI Baidu dalam pembangunan Java Dengan pembangunan berterusan dan aplikasi teknologi kecerdasan buatan, antara muka Baidu AI, sebagai salah satu daripadanya, digunakan secara meluas dalam semua lapisan masyarakat. Artikel ini akan menganalisis dan meringkaskan kes aplikasi antara muka AI Baidu dalam pembangunan Java, dan menggambarkan kaedah dan kesan aplikasi khususnya melalui contoh kod. 1. Gambaran keseluruhan antara muka AI Baidu Antara muka AI Baidu ialah satu set perkhidmatan yang disediakan kepada pembangun melalui panggilan API berdasarkan teknologi kecerdasan buatan Baidu. Ia mengandungi fungsi yang kaya
