Home»Artikel HTML DOM»Mendapatkan Teks Di Dalam Suatu Elemen
Download Source Code Aplikasi

Mendapatkan Teks Di Dalam Suatu Elemen

Saturday, August 24th, 2019 - Artikel HTML DOM

Mendapatkan teks di dalam suatu elemen merupakan hal yang sering kali perlu dilakukan saat bekerja dengan DOM.

Contoh isyarat di bawah, elemen P yakni root di mana didalamnya berisi satu elemen STRONG dan suatu blok teks, dan elemen STRONG itu sendiri juga berisi suatu blok teks:

<P><STRONG>Halo!</STRONG> apa kabar hari ini?</P>

Mendapatkan Teks dari STRONG
Asumsikan saja bahwa variabel strongElem berisi rujukan kepada elemen STRONG dan asumsikan juga bahwa variabel pElem berisi rujukan kepada elemen P.

Contoh isyarat di bawah mencoba untuk mengekstrak teksnya:

// Non-Mozilla Browsers:

strongElem.innerText; // ‘Halo!’ pElem.innerText; // ‘Halo! apa kabar hari ini?’

// All platforms:

strongElem.firstChild.nodeValue; // ‘Halo!’ pElem.firstChild.nodeValue; // ‘Halo! apa kabar hari ini?’

Sekarang anda telah mengetahui bagaimana mendapat isi berupa teks dari suatu single elemen.

Di bawah ini yakni fungsi yang bisa anda manfaatkan untuk mendapat teks dari elemen manapun:

function oText(Elem) { var Text = ""; Elem = Elem.childNodes || Elem; for(var i = 0; i < Elem.length; i++) { Text += Elem[i].nodeType != 1 ? Elem[i].nodeValue : oText(Elem[i].childNodes); } return Text; }

Di mana pola kali ini, fungsi dipanggil oleh isyarat untuk menampilkan teks dari elemen STRONG, yang di wakili variabel strongElem:

oText(strongElem); // ‘Halo!’

Mendapatkan HTML di dalam Elemen
Selain kemampuan mendapat teks dari suatu elemen, DOM juga memiliki satu kemampuan untuk mendapat HTML di dalam suatu elemen.

innerHTML
Dengan properti ini anda sanggup mendapat semua HTML dan teks di dalam suatu elemen.

Jika elemen yang di jalan masuk tidak berisi elemen lain didalamnya dan hanya berisi teks saja, string yang dikembalikan hanyalah berisi teks.

Contoh saat anda mengakses STRONG memakai properti ini:

strongElem.innerHTML; // “Halo!”

Contoh saat anda mengakses P memakai properti ini:

pElem.innerHTML; // “<strong>Halo!</strong> apa kabar hari ini?”
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
Download Source Code Aplikasi
Mendapatkan Teks Di Dalam Suatu Elemen | Ahmad Code | 4.5

Related Posts

  • Html Dom Pendahuluan

    Apa itu DOM? Document Object Model (DOM) ialah suatu platform and language-neutral interface yang memperbolehkan jadwal dan script secara dinamis...

  • Cara Mengakses Node

    Node yang dikenal ELEMENT_NODE, ATTRIBUTE_NODE, TEXT_NODE, ENTITY_REFERENCE_NODE, ENTITY_NODE, DOCUMENT_NODE, DOCUMENT_TYPE_NODE, DOCUMENT_FRAGMENT_NODE, NOTATION_NODE, CDATA_SECTION_NODE, PROCESSING_INSTRUCTION_NODE, dan COMMENT_NODE. Dari sekian banyak itu,...

  • Properti Penyimpan Info Node

    Ada banyak properti DOM yang dapat dipakai untuk mengakses suatu node, sesudah itu memanipulasinya dengan JavaScript, contohnya properti itu: nodeName...

  • Innerhtml

    innerHTML dapat dipakai untuk menetapkan atau mengembalikan teks dari suatu elemen. innerHTML bukanlah bab spesifikasi W3C DOM, tetapi properti ini...

  • Membuat Elemen Gres Dengan Dom

    Anda dapat memakai beberapa metode dari DOM untuk membuat elemen, atribut, atau teks. Mereka adalah: createElement() setAttribute() createTextNode() appendChild() Berikut...