Bagaimana untuk Menulis ke DOM HTML dengan Kaedah Writeln() Dokumen?

Bagaimana Untuk Menulis Ke Dom Html Dengan Kaedah Writeln Dokumen



Dalam proses penyahpepijatan dan ujian kod, kaedah digunakan untuk memaparkan teks biasa pada konsol atau halaman web untuk mengesahkan bahawa bahagian tertentu program sedang dilaksanakan. JavaScript menyediakan HTML DOM “ document.writeln ()” kaedah untuk melaksanakan tugas ini.

Blog ini menerangkan prosedur untuk menulis pada dokumen HTML menggunakan kaedah document.writeln().







Bagaimana untuk Menulis ke DOM HTML Dengan Kaedah writeln() Dokumen?

' document.writeln ()” kaedah mencetak teks ke atas halaman web dan apabila digunakan di sepanjang “< pra >”, teks akan dicetak pada baris baharu setiap kali.



Sintaks

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



dokumen. tulisln ( nilai )

'Nilai' boleh berupa rentetan pembolehubah atau teks biasa, yang dilampirkan terus pada halaman web. Lebih daripada satu nilai juga boleh diluluskan dengan memisahkannya dengan koma.





Mari kita adakan pelaksanaan praktikal.

Contoh 1: Memasukkan Berbilang Nilai Secara Dinamik

Dalam contoh ini, berbilang nilai dalam format teks biasa akan dipaparkan pada halaman web pada interaksi pengguna dengan butang:



< pusat >
< gaya h1 = 'warna: kadet biru;' > Linux h1 >
< butang ondblclick = 'Sisipkan()' > butang >
pusat >
< skrip >
fungsi penyisipan ( ) {
dokumen. tulisln ( 'Ini adalah Bahagian Awal' , 'Ia adalah Bahagian Akhir' ) ;
}
skrip >

Penjelasan kod di atas ditunjukkan sebagai:

  • Pertama, butang dicipta yang menggunakan ' ondblclick 'pendengar acara untuk memanggil' penyisipan ()” fungsi.
  • Seterusnya, ' document.writeln ()' kaedah yang mempunyai dua nilai dalam format teks biasa digunakan di dalam ' penyisipan ()” fungsi. Ini akan memaparkan teks yang disediakan di atas halaman web apabila pengguna mengklik dua kali butang.

Output yang dihasilkan selepas penyusunan ditunjukkan sebagai:

Output di atas mengesahkan bahawa data yang disediakan telah dicetak melalui halaman web.

Contoh 2: Menggunakan Kaedah Writeln() Dokumen Bersama Tag

Dalam contoh ini, '< pra >' tag akan digunakan di sekitar nilai yang akan dihantar di dalam ' document.writeln ()” kaedah. Untuk memaparkan setiap nilai pada baris baharu. Kod tersebut dinyatakan di bawah:

< skrip >
dokumen. tulisln ( '
Ini ialah Bahagian Awal'  )  ;  dokumen.  tulisln  (  'Ia adalah Bahagian Akhir
'
) ;
skrip >

Dalam baris kod di atas, nilai yang akan dipaparkan oleh kedua-dua ' tulisln ()' kaedah dibalut dengan satu '< pra >”, untuk menjadikannya dipaparkan pada baris baharu yang berasingan.

Output untuk baris kod di atas kelihatan seperti ini:

Output menunjukkan bahawa setiap nilai dipaparkan pada baris baharu apabila dipaparkan di atas halaman web.

Kesimpulan

DOM HTML “ document writeln() Kaedah ” pada asasnya digunakan untuk memasukkan teks ke atas halaman web, teks dihantar di dalam kurungan dan untuk berbilang teks dipisahkan dengan koma. Kaedah ini memaparkan teks pada baris baharu apabila ia dibalut di dalam '< pra >” tag. Blog ini telah berjaya menerangkan kaedah document.writeln().