Lompat ke konten Lompat ke sidebar Lompat ke footer

Menggabungakn Teks HTML Menggunakan Normalize DOM

Method normalize() DOM pada HTML digunakan untuk menggabungkan node teks yang saling bersebelahan dengan node teks pertama dan mengeluarkan node kosong. Method normalize() tidak membutuhkan jenis parameter apapun dalam penggunaannya.

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

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

Sintak:
node.normalize()


Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method normalize DOM

</title>

</head>

 

<body 

onload="normalizeNode()"

style="text-align:center">

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method normalize() DOM

</h2>

 

<button 

onclick="normalizeNode()">

Normalize

</button>

 

<button 

onclick="addNode()">

Add node

</button>

 

<p>

Terdapat child node < span 

id="count">< /span>.

</p>

 

<script>

// onload digunakan untuk

// melakukan reset teks node

// child yang dihitung ketika

// halaman di-refresh dan

// fungsi addNode digunakan

// untuk tombol addNote.

 

function addNode() 

{

// Membuat teks node dengan

// nama "Normalize".

var text_node =

document.createTextNode("Normalize ");

 

// Penggunaan variabel

// text_body untuk mengakses

// keseluruhan bagian body

var text_body = document.body;

 

// Penambahan teks node untuk

// akhir bagian body

text_body.appendChild(text_node);

 

// Count digunakan untuk

// menyimpan angka dari teks

// node child yang

// ditampilkan pada dokumen.

var text_node =

document.getElementById("count");

 

// innerHTML digunakan untuk

// melakukan fetches value

// dari text_node dan

// meng-update-nya dengan

// nilai yang baru.

text_node.innerHTML =

text_body.childNodes.length;

}

 

// Fungsi normalizeNode

// digunakan untuk tombol

// Normalize

function normalizeNode() {

document.normalize();

var text_body = document.body;

var node_count =

document.getElementById("count");

node_count.innerHTML =

text_body.childNodes.length;

}

</script>

 

</body>

 

</html>


Artikel ini didedikasikan kepada: Cyntia Wahyu Auliasari, Danang Budi Santosa, Daniel Revydo Enggar Prabadinata, Dea Nur Meyrawati, dan Devina Rizky Wigustya Putri.

5 komentar untuk "Menggabungakn Teks HTML Menggunakan Normalize DOM"

  1. Browser apa saja yang dapat digunakan untuk mengaktifkan method normalize() pada DOM html?

    BalasHapus
    Balasan
    1. Berikut adalah beberapa jenis method yang dapat digunakan untuk mengaktifkan method normalize() DOM pada HTML:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  2. Apa yang dimaksud dengan normalisasi html?

    BalasHapus
    Balasan
    1. Normalisasi, dalam hal ini, berarti proses mengkonversi teks menggunakan semua karakter yang telah disusun sebelumnya atau semua karakter yang telah didekomposisi. Ada empat bentuk normalisasi yang telah ditentukan oleh Standar Unicode, yaitu: NFC, NFD, NFKD, dan NFKD.

      Hapus
    2. Normalisasi digunakan untuk menghaps data duplikat atau anomasi data dari sekumpulan data yang saling berkaitan atau bersebelahan. Normalisasi membantu mengurangi redudansi dan kompleksitas dengan memeriksa tiap-tiap data baru yang digunakan.

      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 -