การแสดงข้อความในเอกสารด้วย JavaScript

ด้วย JavaScript เราสามารถควบคุมแท็ก HTML ในหน้าเว็บได้ เช่น แสดงข้อความในนั้น เราจะเรียนเรื่องนี้ในภายหลัง เมื่อเราผ่าน ส่วนที่เกี่ยวข้องกับการทำงานกับ DOM

อย่างไรก็ตาม บางครั้งเพื่อวัตถุประสงค์ในการดีบัก เราจำเป็นต้องแสดงข้อความบางอย่างในหน้าต่างเบราว์เซอร์ สามารถทำได้ด้วยคำสั่ง document.write มาดูตัวอย่างการใช้งานกัน

มาแสดงค่าตัวเลข:

document.write(123);

มาแสดงข้อความบางอย่าง:

document.write('text');

มาแสดงข้อความที่อยู่ในแท็ก:

document.write('<b>text</b>');

มาแสดงข้อความจากตัวแปร:

let str = 'text';
document.write(str);

ใส่ข้อความจากตัวแปรในแท็ก:

let str = 'text';
document.write('<b>' + str + '</b>');

แสดงข้อความสองบรรทัด:

document.write('text <br> text');

แสดงข้อความหลายบรรทัดเป็นคอลัมน์:

document.write('text1<br>');
document.write('text2<br>');
document.write('text3<br>');

หรือแบบนี้ก็ได้:

document.write('text');
document.write('<br>');
document.write('text');

แสดงข้อความบางอย่างในหน้าต่างเบราว์เซอร์

แสดงข้อความบางอย่างในหน้าต่างเบราว์เซอร์ โดยทำให้เป็นตัวเอียง

กำหนดตัวแปร:

let str = 'text';

แสดงข้อความจากตัวแปรในหน้าต่าง เบราว์เซอร์โดยทำให้เป็นตัวเอียง

แสดงตัวเลขในคอลัมน์ในหน้าต่างเบราว์เซอร์ จาก 1 ถึง 5