Gunakan JavaScript untuk mengubah elemen HTML menjadi teks biasa.
Salah satu hal yang lebih berguna yang dapat Anda lakukan dengan bahasa skrip JavaScript adalah memanipulasi dan bekerja dengan Model Objek Dokumen (atau "DOM") dari dokumen HTML. DOM dokumen HTML adalah konvensi untuk mewakili konten dokumen itu. Ini menyediakan cara bagi browser web dan bahasa skrip seperti JavaScript untuk berinteraksi dengan berbagai elemen yang menyusun dokumen itu. Menggunakan JavaScript dan DOM halaman web, Anda dapat dengan mudah mengonversi HTML ke teks biasa.
Langkah 1
Tambahkan deklarasi SCRIPT ke bagian HEAD dari dokumen HTML Anda. Tag SCRIPT mendefinisikan skrip sisi klien seperti JavaScript. Tag SCRIPT Anda harus memiliki atribut "type" yang disetel ke "text/javascript" sehingga seluruh deklarasi SCRIPT akan terbaca sebagai berikut: (di mana kode JavaScript berada di antara dua tag).
Video Hari Ini
Langkah 2
Tentukan fungsi JavaScript yang menggunakan satu string sebagai parameter. Parameter string ini berisi HTML yang akan Anda konversi menjadi teks biasa.
Langkah 3
Buat elemen DIV sementara di dalam fungsi JavaScript Anda menggunakan metode "createElement()".
Langkah 4
Tetapkan parameter string fungsi Anda ke atribut "innerHTML" DIV sementara Anda.
Langkah 5
Buat variabel string sementara di fungsi Anda.
Langkah 6
Ambil konten teks biasa dari DIV sementara Anda menggunakan atribut "textContent" dan "innerText" dan tetapkan ke variabel string sementara Anda. Karena masalah kompatibilitas lintas-browser, baik "textContent" dan "innerText" akan ditentukan di beberapa browser web dan tidak terdefinisi di browser lain, tetapi satu atau yang lain akan ditentukan di semua versi semua jurusan browser.
Langkah 7
Kembalikan nilai yang dipegang oleh string sementara Anda menggunakan pernyataan "kembali". Ini akan mengembalikan nilai teks biasa dari HTML Anda yang dikonversi.
Tip
Alih-alih menggunakan pernyataan IF-THEN untuk memeriksa kompatibilitas lintas-browser dan untuk memutuskan apakah akan menggunakan "textContent" atau "innerText" dalam fungsi Anda, cukup tetapkan nilai teks biasa elemen DIV sementara Anda ke variabel string sementara sebagai berikut: var tmpString = tmpDiv.textContent || tmpDiv.innerText.
