Document

Document object คืออะไร

Document Object หมายถึงเอกสาร HTML ที่เป็นเวบเพจที่กำลังแสดงอยู่ในหน้าต่างหลัก เป็น Propertiy ของ window (window.document) Document Object เปรียบเสมือนหน้าหนังสือ หากคุณลองเปิดหนังสือดูจะเห็น หมายเลขหน้า และ หมายเลขบท ในทาง OOP หมายเลขหน้าและหมายเลขบทเหล่านั้นก็เป็น Properties สำหรับบอกคุณสมบัติ ของหน้านั้น ว่าอยู่ในหน้าที่เท่าไหร่ บทใด นอกจากนี้ ในหน้าหนังสือยังมีเนื้อหาสาระที่ประกอบอยู่ภายใน ไม่ว่าจะเป็นเนื้อหา หัวข้อ ย่อหน้า รูปภาพ ตาราง ฯลฯ สิ่งเหล่านี้ก็นับเป็น Properties ของหน้าหนังสือเช่นกันครับ

          Document object ก็คล้ายๆกับหน้าหนังสือนั่นแหละครับ มีทั้ง Properties ที่บอกคุณสมบัติของ Document และ Properties ที่เป็นเนื่อหาภายในที่ Document บรรจุอยู่

Properties ที่บอกคุณสมบัติของ Document

URL	URL ของเวบเพจ
title	title ของเวบเพจ
referer	URL ของเวบเพจที่ลิงก์มาที่เอกสารนี้
lastModified	วันเวลาของการ Update ครั้งสุดท้าย
history	เป็น list ของ URL ที่ผู้ใช้เคยผ่านไป โดยใช้ window เดียวกับเวบเพจนี้
domain	domain ของเวบเพจ
alinkColor	สีของ Actived links
bgColor	สีของพื้นหลัง
fgColor	สีของอักษรปกติ
linkColor	สีของ links
vlinkColor	สีของ visited links

การเขียนชื่อ properties ให้ระวังการใช้ตัวอักษรให้ดี เล็กใหญ่ต้องตรงกันนะครับ

ตัวอย่าง properties ของเพจนี้ ลองกดดูละครับ

Properties ที่เป็นเนื้อหาของ Document

anchor	anchor object ใน document
anchors	Array ของ anchor
applet	applet ใน document
applets	Array ของ applet
area	เป็น Object หมายถึง Image map Area ใน document
cookie	ให้ค่า cookies
plugin	plugin ใน document
embeds	array ของ plug-in ใน document
form	Object ของ form ใน Document
forms	เป็น Array ของ form ใน Document
image	Image Object ใน Document
images	Array ของ Image
link	ตัว link ใน document
links	Array ของ links

          หากคุณสังเกตสักหน่อย Properties ที่เป็นเนื้อหาของ Document หลายตัวจะจับกันเป็นคู่ๆ คือตัวที่เป็น Object และ Array ของ Object ทำให้การอ้างอิงถึง Object ที่บรรจุอยู่ใน Document 1 ตัว จะสามารถทำได้ 2 วิธีครับ คือการระบุชื่อของ Object ลงไป เช่น

document.myform (เกิดจาก <form name="myform"...)
document.myimage (เกิดจาก <img name="myimage"...)

อีกวิธีหนึ่งคือการระบุ Index ใน Array ที่เก็บอ็อบเจกต์นั้นอยู่ เช่น

document.form[0]
document.images[3]

เรื่อง document object ขอจบแต่เพียงเท่านี้ครับ หากท่านต้องการเนื้อหา ที่ละเอียดกว่านี้ก็สามารถติดตามได้ ในหนังสือครับ