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.
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:
 |
| 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].
document.createTextNode( text )
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
Referensi Tambahan:
- Cara Penggunaan Properti documentMode DOM pada HTML [klik]
- Cara Penggunaan Properti Domain DOM pada HTML [klik]
- 4 Properti Utama Penggunaan DOM Embed Collection pada HTML [klik]
- 3 Parameter Utama Method execCommand() DOM pada HTML [klik]
- 3 Contoh Utama Penggunaan forms collection DOM pada HTML [klik]
- Cara Penggunaan Properti fullscreenElement DOM pada HTML [klik]
- 2 Contoh Penggunaan Method fullscreenEnabled() DOM pada HTML [klik]
Artikel ini didedikasikan kepada: Alvina Malinda Febrianty Fu'Adi, Alvita Malinda Febrianty Fu'Adi, Alyaa Firsty Ananda, Alysia Diwaritama, dan Amelia Damayanti.
Apa yang dimaksud dengan method createTextNode() pada dom html?
BalasHapusMethod createTextNode() digunakan untuk membuat teks node dengan teks yang telah ditentukan. Tips: gunakan method createElement() untuk membuat elemen node dengan nama yang telah ditentukan.
HapusJenis browser apa saja yang dapat digunakan untuk mengaktifkan method createTextNode() pada elemen html?
BalasHapusBerikut beberapa jenis browser populer yang dapat digunakan untuk menggunakan method createTextNode() pada dom html:
Hapus1. Google Chrome
2. Internet Explorer
3. Firefox
4. Opera
5. Safari
Apa yang dimaksud dengan teks node pada html?
BalasHapusTesk 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