+ แนะนำ
+ เรื่องของตัวแปร
+ Operator
+ Statement
+ Function
+ Event
+ OOP

+ Windows
+ Document Object
+ Form
+ Link
+ Image
+ Math Function
+ String

Document Object

- Document object คืออะไร
- Properties ที่บอกคุณสมบัติของ Document
- Properties ที่เป็นเนื้อหาของ Document

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

<< Back :: ^ top ^

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 ของเพจนี้ ลองกดดูละครับ

<< Back :: ^ top ^

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

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

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
document.myform (เกิดจาก <form name="myform"...) document.myimage (เกิดจาก <img name="myimage"...)

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

	Pyayam.com :: พ ย า ย า ม ดอทคอม ::
FileEditFormatViewHelp
document.form[0] document.images[3]

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

<< Back :: ^ top ^