Mendapatkan Teks Di Dalam Suatu Elemen

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:

Halo! apa kabar hari ini?

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; // “Halo! 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.

Ahmad Code