Lompat ke konten Lompat ke sidebar Lompat ke footer

Menghapus Teks Kosong HTML Menggunakan normalizeDocument DOM

Method normalizeDocument() DOM pada HTML digunakan untuk menormalisasi dokumen HTML dengan cara menghapus node teks kosong apapun yang terdapat pada dokumen, jika ada. Setelah menghapus node kosong tersebut, method ini juga akan menggabungkan semua node yang saling berdekatan yang tampil pada dokumen.

Cara Penggunaan Method normalizeDocument() DOM pada HTML
Ilustrasi normalizeDocument DOM HTML

Sebelum memahami lebih dalam materi tentang Menghapus Teks Kosong HTML Menggunakan normalizeDocument DOM, terlebih dahulu pelajari materi tentang: Menggabungakn Teks HTML Menggunakan Normalize DOM [klik], Mendapatkan Koleksi Link HTML Menggunakan Link Collection DOM [klik], dan Mendapatkan Waktu Modifikasi Terakhir HTML lastModified DOM [klik].

Contoh perhatikan elemen berikut:
Element Bons
  • Text node: ""
  • Text node: "Hello "
  • Text node: "wor"
  • Text node: "ld"

Elemen tersebut setelah dilakukan normalisasi akan menjadi “Hello world”.

Catatan: Method ini tidak didukung penggunaannya oleh browser jenis apapun, tetapi tetap dapat bekerja sebagai method DOM normalize() dan menampilkan hasilnya pada bagian output.

Baca Juga:

Sintak:
bonsnode.normalize()

Parameter: method normalize() tidak membutuhkan jenis parameter apapun dalam pengoperasiannya.

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<meta 

http-equiv="Content-Type"

content="text/html; charset=utf-8" />

 

<title>

Method Normalize DOM pada 

HTML

</title>

</head>

 

<body>

 

<script 

type="text/javascript">

var parent = document.createElement("div");

parent.appendChild(document.createTextNode("Child 1 "));

parent.appendChild(document.createTextNode("Child 2 "));

parent.appendChild(document.createTextNode("Child 3"));

 

// length dari parent node

// child dapat menjadi 3,

// juga dapat dilakukan

// pemeriksaan yang sama

// menggunakan

// parent.childNodes.length.

alert('Before Normalize : child nodes length: ' +

parent.childNodes.length);

parent.normalize();

document.body.appendChild(parent);

 

// Sekarang,

// parent.childNodes.length

// === 1

 

// Konten dari ketiga node

// child hanya terdapat pada

// satu node child saja.

alert('After Normalize : child nodes length: ' 

+parent.childNodes.length);

</script>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Danang Budi Santosa, Daniel Revydo Enggar Prabadinata, Dea Nur Meyrawati, Devina Rizky Wigustya Putri, dan Dewi Destina Rahmawati.

5 komentar untuk "Menghapus Teks Kosong HTML Menggunakan normalizeDocument DOM"

  1. Jenis browser apa saya yang mendukung penggunaan method normalizeDocument() pada dom html?

    BalasHapus
    Balasan
    1. Sebagian besar browser tidak mendukung penggunaan dari method normalizeDocument() dom html.

      Hapus
  2. Apa fungsi method normalizeDocument() DOM pada HTML?

    BalasHapus
    Balasan
    1. Method normalizeDocument() berfungsi untuk menghapus node teks kosong, dan menggabungkan node teks yang saling berdekatan. Method ini tidak didukung penggunaannya oleh jenis browser apapun, tetapi dapat bekerja mirip dengan method normalize().

      Hapus
    2. Method normalizeDOcument() dan Node.normalize() berfungsi untuk memanipulasi karakter menggunakan method DOM, namun tidak dapat menjamin untuk mempertahankan teks yang sepenuhnya dinormalisasi.

      Hapus

Hubungi admin melalui Wa : +62-896-2414-6106

Respon komentar 7 x 24 jam, mohon bersabar jika komentar tidak langsung dipublikasi atau mendapatkan balasan secara langsung.

Bantu admin meningkatkan kualitas blog dengan melaporkan berbagai permasalahan seperti typo, link bermasalah, dan lain sebagainya melalui kolom komentar.

- Ikatlah Ilmu dengan Memostingkannya -
- Big things start from small things -