Bagaimana Cara Menulis ke DOM HTML dengan Metode Document Writeln()?

Bagaimana Cara Menulis Ke Dom Html Dengan Metode Document Writeln



Dalam proses debugging dan pengujian kode, metode ini digunakan untuk menampilkan teks biasa melalui konsol atau halaman web untuk mengonfirmasi bahwa bagian tertentu dari program sedang dijalankan. JavaScript menyediakan DOM HTML “ dokumen.writeln ()” metode untuk melakukan tugas ini.

Blog ini menjelaskan tata cara menulis pada dokumen HTML menggunakan metode document.writeln().







Bagaimana Cara Menulis ke DOM HTML Dengan Metode Dokumen writeln()?

dokumen.writeln ()” metode mencetak teks di atas halaman web dan bila digunakan di sepanjang “< pra >” tag, teks akan dicetak pada baris baru setiap kali.



Sintaksis

Sintaks untuk metode JavaScript document.writeln() dinyatakan di bawah ini:



dokumen. writeln ( nilai )

“Nilai” dapat berupa string variabel atau teks biasa, yang ditambahkan langsung pada halaman web. Lebih dari satu nilai juga dapat diteruskan dengan memisahkannya menggunakan koma.





Mari kita lakukan implementasi praktis.

Contoh 1: Memasukkan Banyak Nilai Secara Dinamis

Dalam contoh ini, beberapa nilai dalam format teks biasa akan ditampilkan di halaman web saat pengguna berinteraksi dengan tombol:



< tengah >
< gaya h1 = 'warna: kadet biru;' > Linux h1 >
< tombol ondblclick = 'Menyisipkan()' > tombol >
tengah >
< naskah >
fungsi penyisipan ( ) {
dokumen. writeln ( 'Ini adalah Bagian Awal' , 'Ini adalah Bagian Terakhir' ) ;
}
naskah >

Penjelasan kode di atas ditampilkan sebagai:

  • Pertama, tombol dibuat menggunakan tombol “ ondblklik ” pendengar acara untuk memanggil “ penyisipan ()' fungsi.
  • Selanjutnya, “ dokumen.writeln ()” metode yang memiliki dua nilai dalam format teks biasa digunakan di dalam “ penyisipan ()' fungsi. Ini akan menampilkan teks yang disediakan di halaman web ketika pengguna mengklik dua kali tombol tersebut.

Output yang dihasilkan setelah kompilasi ditampilkan sebagai:

Output di atas mengonfirmasi bahwa data yang diberikan telah dicetak di halaman web.

Contoh 2: Menggunakan Metode Document writeln() Sepanjang Tag

Dalam contoh ini, “< pra >” tag akan digunakan di sekitar nilai yang akan diteruskan di dalam “ dokumen.writeln ()' metode. Untuk menampilkan setiap nilai pada baris baru. Kode dinyatakan di bawah ini:

< naskah >
dokumen. writeln ( '
Ini adalah Bagian Awal'  )  ;  dokumen.  writeln  (  'Ini adalah Bagian Terakhir
'
) ;
naskah >

Pada baris kode di atas, nilai yang akan ditampilkan oleh keduanya “ writeln ()” metode dibungkus dengan satu “< pra >” tag, untuk membuatnya ditampilkan pada baris baru yang terpisah.

Output dari baris kode di atas terlihat seperti ini:

Outputnya menunjukkan bahwa setiap nilai ditampilkan pada baris baru saat dirender di halaman web.

Kesimpulan

DOM HTML “ penulisan dokumen() Metode ” pada dasarnya digunakan untuk menyisipkan teks di atas halaman web, teks dimasukkan ke dalam tanda kurung dan untuk beberapa teks dipisahkan dengan koma. Metode ini menampilkan teks pada baris baru ketika dibungkus di dalam “< pra >” tanda. Blog ini telah berhasil menjelaskan metode document.writeln().