Dengan HTML DOM, Anda dapat menavigasi pohon simpul menggunakan hubungan simpul

Node DOM
Menurut standar DOM HTML W3C, semua yang ada dalam dokumen HTML adalah sebuah node

Seluruh dokumen adalah simpul dokumen
Setiap elemen HTML adalah elemen simpul
Teks di dalam elemen HTML adalah node teks
Setiap atribut HTML adalah simpul atribut
Semua komentar adalah komentar simpul

Dengan HTML DOM, semua simpul di pohon simpul dapat diakses oleh JavaScript

Node baru dapat dibuat, dan semua node dapat dimodifikasi atau dihapus

Hubungan Node
Node dalam node tree memiliki hubungan hirarki satu sama lain

Istilah orang tua, anak, dan saudara digunakan untuk menggambarkan hubungan

Dalam pohon simpul, simpul teratas disebut akar.
Setiap node memiliki tepat satu orang tua, kecuali root (yang tidak memiliki orang tua).
Sebuah node dapat memiliki sejumlah anak
Saudara kandung (kakak dan adik) adalah node dengan orang tua yang sama

Tutorial DOM

Pelajaran DOM satu

Halo dunia.

HTML rom di atas, Anda dapat membaca

adalah simpul akar
tidak memiliki induk
adalah induk dari dan
adalah anak pertama dari
adalah anak terakhir dari

Dan

punya satu anak.
memiliki satu anak (simpul teks). "Tutorial DOM"</li><li><body> punya dua anak. <h1> dan <p></li><li><h1> memiliki satu anak. "DOM pelajaran satu"</li><li><p> memiliki satu anak. " Halo Dunia. "</li><li><h1> dan <p> adalah saudara kandung</li></ul><p>Menavigasi Antar Node<br>Anda dapat menggunakan properti node berikut untuk Menavigasi antar node dengan JavaScript</p><ul><li>parentNode</li><li>childNodes [nomornode]</li><li>anak pertama</li><li>anak terakhir</li><li>saudara berikutnya</li><li>sebelumnyaSaudara</li></ul><p>Pengingat<br>Kesalahan umum dalam pemrosesan DOM adalah mengharapkan node elemen berisi teks</p><p>Dalam contoh ini : <title> DOM Tutorial < / title> , node elemen <title> tidak berisi teks . Ini berisi node teks dengan nilai ” DOM Tutorial ” .</p><p>Nilai simpul teks dapat diakses oleh properti innerHTML dari node , atau nodeValue</p><p>Node Anak dan Nilai Node<br>Selain properti innerHTML, Anda juga bisa menggunakan properti childNodes dan nodeValue untuk mendapatkan konten elemen</p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>Kode berikut mendapat nilai elemen <p> dengan id = ” intro ” :</p><p>contoh</p><p><div class="imgBox"><img alt="Penggunaan fungsi NODETYPE di PHP" src="/dist/images/loading.svg" data-orgimg="https://sg.cdnki.com/penggunaan-fungsi-nodetype-di-php---aHR0cHM6Ly9pMC53cC5jb20vYWJhbmdwcmV1bmVyLmZpbGVzLndvcmRwcmVzcy5jb20vMjAxNC8wMi91bnRpdGxlZC0xLWNvcHktY29weTQuanBnP3c9NjgzJmg9MzA5.webp" ></div></p><p> </p><p>Pada contoh di atas, getElementById adalah sebuah metode, sedangkan childNodes dan nodeValue adalah properti</p><p>Dalam tutorial ini kita menggunakan properti innerHTML. Namun, mempelajari metode di atas berguna untuk memahami struktur pohon dan navigasi dari DOM</p><div></div> <p>Drupal 7 memungkinkan kami menyarankan templat yang sesuai dengan halaman berdasarkan jalur, tajuk, simpul, atau parameter lainnya. Fitur ini sangat penting, terutama saat kita melakukan theming atau mengimplementasikan desain website kita. Untuk dapat menyarankan template di Drupal, ada banyak cara yang bisa digunakan, dan salah satu cara yang paling mudah tanpa harus membuat modul khusus adalah dengan menggunakan file template. php dari tema yang kita gunakan</p><div style="width:100%; margin:10px auto; display:block"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div></p><p>Pada file templat. php, kita dapat menerapkan pengait bernama <code>NAMATEMA_preprocess_page(&$vars)</code>. Fungsi ini memungkinkan kita untuk membuat perubahan pada kode halaman sebelum halaman dirender. Pada fungsi lanjutan ini kita bisa melakukan berbagai conditioning, salah satunya adalah conditioning untuk menyarankan template pada drupal. Agar tidak bingung, berikut contohnya</p><pre>function sarasvati_preprocess_page(&$vars) { $header = drupal_get_http_header('status'); //Pengkondisian untuk membuat halaman khusus ketika header status 404 (Not Found) dan 403 (Forbidden) if ($header == '404 Not Found') { //file templatenya menjadi page--404.tpl.php $vars['theme_hook_suggestions'][] = 'page__404'; } else if($header == '403 Forbidden') { //file templatenya menjadi page--403.tpl.php $vars['theme_hook_suggestions'][] = 'page__403'; } //Mengubah file template page untuk taxonomy else if (arg(0) == 'taxonomy' && arg(1) == 'term' && is_numeric(arg(2))) { $term = taxonomy_term_load(arg(2)); //File templatenya menjadi page--vocabulary--nama_vocab.tpl.php $vars['theme_hook_suggestions'][] = 'page__vocabulary__' . $term->vocabulary_machine_name; } //Atau bahkan mengubah template halaman login else if (arg(0) == 'user' && arg(1) == 'login' || arg(1) == 'password' || arg(1) == 'register'){ //File templatenya menjadi page--login.tpl.php $vars['theme_hook_suggestions'][] = 'page__login'; } }</pre><p>Bagaimana kalau membuat template sesuai dengan jenis konten (Content Type) misalnya jenis konten blog, galeri, atau forum?</p><p>Caranya sama, kita bisa melakukannya dengan menambahkan conditioning berikut</p><pre>// Membuat template suggestion berdasarkan jenis konten //(Note: gunakan else if jika menggabungkan dengan kondisi sebelumnya) if (isset($vars['node'])) { // Suggestion sebelumnya yang cukup panjang $suggests = &$vars['theme_hook_suggestions']; // dapatkan argumen path $args = arg(); // Hilangkap argumen pertama yang tidak perlu yang isinya "node". unset($args[0]); // Tentukan jenis kontenya $type = "page__type_{$vars['node']->type}"; // Gabungkan menjadi satu $suggests = array_merge( $suggests, array($type), theme_get_suggestions($args, $type) ); // jika urlnya adalah: '<a href="http://domain.com/node/123/edit">http://domain.com/node/123/edit</a>' // dan jenis kontenya adalah blog // // Inilah saran dari templatenya // // - page__node // - page__node__% // - page__node__123 // - page__node__edit // - page__type_blog // - page__type_blog__% // - page__type_blog__123 // - page__type_blog__edit // // Yang mana akan terhubung dengan file template berikut // // - page--node.tpl.php // - page--node--%.tpl.php // - page--node--123.tpl.php // - page--node--edit.tpl.php // - page--type-blog.tpl.php // - page--type-blog--%.tpl.php // - page--type-blog--123.tpl.php // - page--type-blog--edit.tpl.php // }</pre>_<p>Hasilnya kita memiliki tampilan halaman yang berbeda berdasarkan jenis header, path atau jenis konten, sehingga tampilan halaman lebih dinamis dan keren tentunya</p><p>Penjelasan dari kode di atas</p><p>Fungsi ini ditulis dalam file template. php dari tema yang Anda gunakan. Ingat hal-hal yang perlu dicermati sebelum menyalin kode, cek terlebih dahulu apakah fungsi preprocess sudah dideklarasikan sebelumnya, jika sudah, jangan buat fungsi baru tapi tambahkan saja isi dari fungsi yang sudah ada</p><p>Bagian kode yang perlu diganti atau diadaptasi adalah bagian dari nama tema, yang dalam kasus saya menggunakan nama sarasvati. Ganti nama theme sesuai dengan nama theme yang anda gunakan. Terakhir, ingat untuk membersihkan registri tema (theme registry), yang jika Anda menggunakan modul Menu Administrasi, dapat ditemukan di menu paling kiri</p><div></div> <div></div></p></td></tr></table> <script async src="/dist/js/lazyhtml.min.js" crossorigin="anonymous"></script> <div class="lazyhtml" data-lazyhtml> <script type="text/lazyhtml"> <div class="youtubeVideo"><h3>Video yang berhubungan</h3> <iframe width="560" height="315" src="https://www.youtube.com/embed/QUUm726qyHo?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"allowfullscreen></iframe> </div> </script> </div> <div class="tags pt-3"> <a href="https://kemunculan.com/tags/kode" class="tag-link">kode</a> <a href="https://kemunculan.com/tags/php" class="tag-link">php</a> </div> <div class="post-tools"> <button data-postid="penggunaan-fungsi-nodetype-di-php" class="btn btn-answerModalBox"><img class="mr-1" alt="Penggunaan fungsi NODETYPE di PHP" src="/dist/images/svg/messages_16.svg">Reply</button> <button data-postid="penggunaan-fungsi-nodetype-di-php" data-vote="up" class="btn btn-doVote"><img class="mr-1" alt="Penggunaan fungsi NODETYPE di PHP" src="/dist/images/svg/face-smile_16.svg">3</button> <button data-postid="penggunaan-fungsi-nodetype-di-php" data-vote="down" class="btn btn-doVote"><img class="mr-1" alt="Penggunaan fungsi NODETYPE di PHP" src="/dist/images/svg/poo_16.svg">1</button> <button class="btn"><img class="mr-1" alt="Penggunaan fungsi NODETYPE di PHP" src="/dist/images/svg/facebook_16.svg">Membagikan</button> </div> </div> </div> </div> <div id="answers_penggunaan-fungsi-nodetype-di-php" class="answers"> </div> <div class="entryFooter"> <div class="footerLinkAds"><div style="width:100%; margin:0 auto;"> <ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="footerRelated"><div class="postRelatedWidget"> <h2>Pos Terkait</h2> <div class="questions-snippet layoutNews border-top border-top-gray"> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-usort-numbers-php"><img src="https://ap.cdnki.com/r_cara-menggunakan-usort-numbers-php---067ceaf86a8117895f43c2aa350b471d.webp" alt="Cara menggunakan usort numbers php"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-usort-numbers-php">Cara menggunakan usort numbers php</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/tempat-belajar-python-untuk-ilmu-data"><img src="https://ap.cdnki.com/r_tempat-belajar-python-untuk-ilmu-data---adabf2a75c460b083021852978bd6967.webp" alt="Tempat belajar python untuk ilmu data"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/tempat-belajar-python-untuk-ilmu-data">Tempat belajar python untuk ilmu data</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/google-sheets-unique-case-tidak-sensitif"><img src="https://ap.cdnki.com/r_google-sheets-unique-case-tidak-sensitif---e547b38b052d2ef938d9e9c4fcae34e4.webp" alt="Google sheets unique case tidak sensitif"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/google-sheets-unique-case-tidak-sensitif">Google sheets unique case tidak sensitif</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-membuat-tombol-di-excel-2010"><img src="https://ap.cdnki.com/r_cara-membuat-tombol-di-excel-2010---ab5ea70592e9cde1103fa76e18a558f0.webp" alt="Cara membuat tombol di excel 2010"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-membuat-tombol-di-excel-2010">Cara membuat tombol di excel 2010</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/mengapa-saya-tidak-bisa-membekukan-baris-dan-kolom-di-excel"><img src="https://ap.cdnki.com/r_mengapa-saya-tidak-bisa-membekukan-baris-dan-kolom-di-excel---74a1a1369cfe0b74661d7d0bbdf499d8.webp" alt="Mengapa saya tidak bisa membekukan baris dan kolom di excel?"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/mengapa-saya-tidak-bisa-membekukan-baris-dan-kolom-di-excel">Mengapa saya tidak bisa membekukan baris dan kolom di excel?</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="max-width:840px"> <ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-membuat-tabel-di-excel-tidak-bisa-di-edit"><img src="https://ap.cdnki.com/r_cara-membuat-tabel-di-excel-tidak-bisa-di-edit---3a5d126596372f8e49dcb020ae00693b.webp" alt="Cara membuat tabel di excel tidak bisa di edit"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-membuat-tabel-di-excel-tidak-bisa-di-edit">Cara membuat tabel di excel tidak bisa di edit</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/apa-sih-php-itu"><img src="https://ap.cdnki.com/r_apa-sih-php-itu---4d6c8c68f0a320da932747cd92a2ccbe.webp" alt="Apa sih php itu"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/apa-sih-php-itu">Apa sih php itu</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/wajah-membuat-website-javascript"><img src="https://ap.cdnki.com/r_wajah-membuat-website-javascript---8fe0c0e7b1977de696aa5ff937dc4185.webp" alt="Wajah membuat website javascript"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/wajah-membuat-website-javascript">Wajah membuat website javascript</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/migrasi-data-mysql-skema-yang-berbeda"><img src="https://ap.cdnki.com/r_migrasi-data-mysql-skema-yang-berbeda---bf2d1259a8158d5ecd053bb4c114c8b3.webp" alt="Migrasi data mysql skema yang berbeda"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/migrasi-data-mysql-skema-yang-berbeda">Migrasi data mysql skema yang berbeda</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> <div class="media media-card rounded-0 shadow-none mb-0 bg-transparent py-4 px-0 border-bottom border-bottom-gray"> <div class="media-image"> <a href="/cara-menggunakan-python-print-hello"><img src="https://ap.cdnki.com/r_cara-menggunakan-python-print-hello---46a775569f087108d51090c6e4424565.webp" alt="Cara menggunakan python print hello"></a> </div> <div class="media-body"> <h5 class="mb-2 fw-medium"><a href="/cara-menggunakan-python-print-hello">Cara menggunakan python print hello</a></h5> <p class="mb-2 truncate lh-20 fs-15"></p> <div class="media media-card questionTags user-media px-0 border-bottom-0 pb-0"> <div class="tags"> </div> </div> </div> </div> </div> </div></div> <div class="footerRelated"></div> </div> </div> </div> </div> <div class="col-right"> <div class="sidebar"> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">BERITA TERKINI</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/cara-menggunakan-email-html">Cara menggunakan email html</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/LegitimateSubcommittee" class="author">LegitimateSubcommittee</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/javascript-substring-first-and-last-character">JavaScript substring first and last character</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/UsualShopping" class="author">UsualShopping</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/bagaimana-cara-menjalankan-tugas-cron-dalam-skrip-php">Bagaimana cara menjalankan tugas cron dalam skrip php?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/SerialSubscription" class="author">SerialSubscription</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/php-dan-modul-mysql-pdf">Php dan modul mysql pdf</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/ShockingSwimmer" class="author">ShockingSwimmer</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/print-range-list-python">Print range list Python</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/InspirationalCollaborator" class="author">InspirationalCollaborator</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/php-dapatkan-semua-variabel-lingkungan">Php dapatkan semua variabel lingkungan</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/PrimaryIrrigation" class="author">PrimaryIrrigation</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/cara-menggunakan-dateiff-postgresql">Cara menggunakan dateiff postgresql</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/PreviousLiner" class="author">PreviousLiner</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/can-you-lock-a-google-sheet-from-editing">Can you lock a Google sheet from editing?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/Double-breastedDollar" class="author">Double-breastedDollar</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/bagaimana-cara-menambahkan-data-dari-api-ke-google-sheets">Bagaimana cara menambahkan data dari api ke google sheets?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/ExtensiveBingo" class="author">ExtensiveBingo</a> </small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="media-body"> <h5><a href="https://kemunculan.com/bagaimana-cara-memasukkan-skrip-ke-google-sheets">Bagaimana cara memasukkan skrip ke google sheets?</a></h5> <small class="meta"> <span class="pr-1">1 years ago</span> <span class="pr-1">. by</span> <a href="https://kemunculan.com/author/MadStorey" class="author">MadStorey</a> </small> </div> </div> </div> </div> </div> <div class="card card-item cardTopList"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Toplist Popular</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> <div class="media media-card media--card media--card-2"> <div class="topListNum">#1</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-7-rothenburg-ob-der-tauber-sehenswurdigkeiten-stadtplan-2022">Top 7 rothenburg ob der tauber sehenswürdigkeiten stadtplan 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#2</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-8-rufumleitung-fur-bestimmte-nummern-android-2022">Top 8 rufumleitung für bestimmte nummern android 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#3</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-8-mundliche-prufung-2-staatsexamen-jura-bayern-2022">Top 8 mündliche prüfung 2. staatsexamen jura bayern 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#4</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-8-wenn-kleinigkeiten-am-partner-storen-2022">Top 8 wenn kleinigkeiten am partner stören 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#5</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-7-hilfsmittel-fur-behinderte-im-alltag-2022">Top 7 hilfsmittel für behinderte im alltag 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#6</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-8-wann-gilt-lkw-fahrverbot-in-deutschland-2022">Top 8 wann gilt lkw-fahrverbot in deutschland? 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#7</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-7-wookie-und-copilot-von-han-solo-in-star-wars-2022">Top 7 wookie und copilot von han solo in star wars 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#8</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-6-cafe-da-manha-pobre-2022">Top 6 cafe da manha pobre 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#9</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-7-bildung-und-teilhabe-muhlhausen-telefonnummer-2022">Top 7 bildung und teilhabe mühlhausen telefonnummer 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> <div class="media media-card media--card media--card-2"> <div class="topListNum">#10</div> <div class="media-body"> <h5><a href="https://kemunculan.com/toplist-top-6-tiguan-allspace-3-sitzreihe-nachrusten-2022">Top 6 tiguan allspace 3 sitzreihe nachrüsten 2022</a></h5> <small class="meta text-right">1 years ago</small> </div> </div> </div> </div> </div> <div class="ad-card"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto"> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-14 text-uppercase pb-3">Terpopuler</h3> <div class="divider"><span></span></div> <div class="sidebar-questions pt-3"> </div> </div> </div> <div class="card card-item"> <div class="card-body"> <h3 class="fs-17 pb-3">Token Data</h3> <div class="divider"><span></span></div> <div class="token-listRetalted pt-3"> <ul><li> <span><a class='text-muted' href='/token-detail-0x628a3b2e302c7e896acc432d2d0dd22b6cb9bc88-eth-limewire-lmwr'>LMWR </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x628a3b2e302c7e896acc432d2d0dd22b6cb9bc88-eth-limewire-lmwr'>0x628a3b2e ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0xbb9fd9fa4863c03c574007ff3370787b9ce65ff6-eth-hilo-hilo'>HILO </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0xbb9fd9fa4863c03c574007ff3370787b9ce65ff6-eth-hilo-hilo'>0xbb9fd9fa ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0x3f8a14f5a3ee2f4a3ed61ccf5eea3c9535c090c8-bsc-loopswap-lswap'>LSWAP </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x3f8a14f5a3ee2f4a3ed61ccf5eea3c9535c090c8-bsc-loopswap-lswap'>0x3f8a14f5 ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0x93b346b6bc2548da6a1e7d98e9a421b42541425b-arbitrum-lusd-stablecoin-lusd'>LUSD </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x93b346b6bc2548da6a1e7d98e9a421b42541425b-arbitrum-lusd-stablecoin-lusd'>0x93b346b6 ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0x4594cffbfc09bc5e7ecf1c2e1c1e24f0f7d29036-eth-0-knowledge-network-0kn'>0KN </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x4594cffbfc09bc5e7ecf1c2e1c1e24f0f7d29036-eth-0-knowledge-network-0kn'>0x4594cffb ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0x7b56748a3ef9970a5bae99c58ad8bc67b26c525f-bsc-chappyz-chapz'>CHAPZ </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x7b56748a3ef9970a5bae99c58ad8bc67b26c525f-bsc-chappyz-chapz'>0x7b56748a ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0x9506d37f70eb4c3d79c398d326c871abbf10521d-eth-media-licensing-token-mlt'>MLT </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x9506d37f70eb4c3d79c398d326c871abbf10521d-eth-media-licensing-token-mlt'>0x9506d37f ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0x78132543d8e20d2417d8a07d9ae199d458a0d581-eth-luna-inu-linu'>LINU </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0x78132543d8e20d2417d8a07d9ae199d458a0d581-eth-luna-inu-linu'>0x78132543 ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0xc32db1d3282e872d98f6437d3bcfa57801ca6d5c-eth-voldemorttrumprobotnik-10neko-ethereum'>ETHEREUM </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0xc32db1d3282e872d98f6437d3bcfa57801ca6d5c-eth-voldemorttrumprobotnik-10neko-ethereum'>0xc32db1d3 ...</a></span> </li><li> <span><a class='text-muted' href='/token-detail-0xca6d678e74f553f0e59cccc03ae644a3c2c5ee7d-bsc-planet-token-planet'>PLANET </a></span> <span class='tokenAddressTxt'><a href='/token-detail-0xca6d678e74f553f0e59cccc03ae644a3c2c5ee7d-bsc-planet-token-planet'>0xca6d678e ...</a></span> </li></ul> </div> </div> </div> <div class="ad-card fixedAds"> <h4 class="text-gray text-uppercase fs-14 pb-3 pb-3 text-center">Periklanan</h4> <div class="mb-4 mx-auto" style="text-align:center"> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-4987931798153631" data-ad-slot="6695343318" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> </div> </div> </div> </div> </section>  <script>var questionId ='penggunaan-fungsi-nodetype-di-php'</script> <script>var postTime ='2023-02-04T04:59:27.212Z'</script> <script>var siteDomain ='kemunculan.com'</script> <script type="text/javascript" src="https://kemunculan.com/dist/js/pages/comment.js"></script>  <section class="footer-area pt-80px bg-dark position-relative"> <span class="vertical-bar-shape vertical-bar-shape-1"></span> <span class="vertical-bar-shape vertical-bar-shape-2"></span> <span class="vertical-bar-shape vertical-bar-shape-3"></span> <span class="vertical-bar-shape vertical-bar-shape-4"></span> <div class="container"> <div class="row"> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Tentang Kami</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/about.html">Hubungi Kami</a></li> <li><a href="/contact.html">Support</a></li> <li><a href="/contact.html">Careers</a></li> <li><a href="/contact.html">Periklanan</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Legal</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/privacy-statement.html">Privacy Policy</a></li> <li><a href="/terms-and-conditions.html">Terms of Services</a></li> <li><a href="/privacy-statement.html">Cookie Policy</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Dukungan</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="/contact.html">Knowledge Base</a></li> <li><a href="/contact.html">Remove a post</a></li> <li><a href="/contact.html">Support</a></li> </ul> </div> </div> <div class="col-lg-3 responsive-column-half"> <div class="footer-item"> <h3 class="fs-18 fw-bold pb-2 text-white">Social</h3> <ul class="generic-list-item generic-list-item-hover-underline pt-3 generic-list-item-white"> <li><a href="#"><i class="fab fa-facebook-f mr-1"></i> Facebook</a></li> <li><a href="#"><i class="fab fa-twitter mr-1"></i> Twitter</a></li> <li><a href="#"><i class="fab fa-linkedin mr-1"></i> LinkedIn</a></li> <li><a href="#"><i class="fab fa-instagram mr-1"></i> Instagram</a></li> </ul> </div> </div> </div> </div> <div class="container networkLinks"> <a target='blank' href='https://kemunculan.com'>home</a><a target='blank' href='https://en.kemunculan.com'>en</a><a target='blank' href='https://tr.kemunculan.com'>tr</a> </div> <hr class="border-top-gray my-3"> <div class="container"> <div class="row align-items-center pb-4 copyright-wrap"> <div class="col-6"> <img src ="/dist/images/dmca_protected_sml.png"/> </div> <div class="col-6"> <div class="copyright-desc text-right fs-14"> <div>Copyright © 2024 <a href="https://kemunculan.com"><span style="color:#f00">kemun</span>culan</a> Inc.</div> </div> </div> </div> </div> </section>    <div id="back-to-top" data-toggle="tooltip" data-placement="top" title="Go to top"> <img alt="" src="/dist/images/svg/arrow-up_20.svg"> </div>  <script src="https://kemunculan.com/dist/js/bootstrap.bundle.min.js"></script> <script src="https://kemunculan.com/dist/js/sweetalert2.js"></script> <script src="https://kemunculan.com/dist/js/moment.js"></script> <script src="https://kemunculan.com/dist/js/main.js?v=1"></script>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W4WVHTJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  </body> </html>

Penggunaan fungsi NODETYPE di PHP

Pelajaran DOM satu