Lompat ke konten Lompat ke sidebar Lompat ke footer

Membuat Teks Node Menggunakan createTextNode DOM HTML

Method createTextNode() pada DOM HTML digunakan untuk menciptakan sebuah TextNode yang mengandung node elemen dan node teks. Method createTextNode() digunakan untuk menyediakan teks pada suatu elemen yang mengandung value teks yang berfungsi sebagai parameter dengan tipe string.

Cara Penggunaan Method createTextNode() DOM pada HTML
Ilustrasi createNode DOM HTML

Sebelum memahami lebih dalam materi tentang Membuat Teks Node Menggunakan createTextNode DOM HTML, terlebih dahulu pelajari materi tentang: Membuat Object HTML Menggunakan createEvent DOM [klik], Membuat Elemen HTML Menggunakan createElement DOM [klik], dan Fragmentasi Dokumen HTML createDocumentFragment DOM [klik].

Sintak:
document.createTextNode( text )

Parameter: method ini menerima parameter teks tunggal yang sifatnya wajib. Method createTextNode() digunakan untuk menentukan teks dari sebuah node teks pada dokumen html.

Baca Juga: 

Contoh:

<!DOCTYPE html>

<html>

 

<head>

<title>

Method createTextNode() DOM

</title>

 

<style>

h1, h2 

{

color:green;

font-weight:bold;}

 

body 

{

text-align:center;}

</style>

</head>

 

<body>

 

<h1>

Blog Elfan

</h1>

 

<h2>

Method createTextNode() DOM

</h2>

 

<button onclick="bons()">

Submit

</button>

 

<script>

function bons() 

{

var x =

document.createTextNode("Tandori Chicken");

document.body.appendChild(x);

}

</script>

 

</body>

 

</html>

Output:

Blog Elfan

Method createTextNode() DOM


Artikel ini didedikasikan kepada: Alvina Malinda Febrianty Fu'Adi, Alvita Malinda Febrianty Fu'Adi, Alyaa Firsty Ananda, Alysia Diwaritama, dan Amelia Damayanti.

6 komentar untuk "Membuat Teks Node Menggunakan createTextNode DOM HTML"

  1. Apa yang dimaksud dengan method createTextNode() pada dom html?

    BalasHapus
    Balasan
    1. Method createTextNode() digunakan untuk membuat teks node dengan teks yang telah ditentukan. Tips: gunakan method createElement() untuk membuat elemen node dengan nama yang telah ditentukan.

      Hapus
  2. Jenis browser apa saja yang dapat digunakan untuk mengaktifkan method createTextNode() pada elemen html?

    BalasHapus
    Balasan
    1. Berikut beberapa jenis browser populer yang dapat digunakan untuk menggunakan method createTextNode() pada dom html:
      1. Google Chrome
      2. Internet Explorer
      3. Firefox
      4. Opera
      5. Safari

      Hapus
  3. Apa yang dimaksud dengan teks node pada html?

    BalasHapus
    Balasan
    1. Tesk node adalah sebuah node yang merangkum konten karakter XML. Sebuah node teks dapat memiliki nol atau satu induk. Jika induk dari node teks adalah kosong, maka konten simpul tidak boleh berupa string kosong. Node teks yang merupakan child dari dokumen atau node elemen tidak pernah muncul secara berdekatan.

      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 -