สวัสดีครับทุกท่านสำหรับครั้งที่ 1-2 คงทำให้ทุกท่านได้รู้จักกันไปบ้างแล้วเล็กน้อยสำหรับ HTML DOM ว่าคืออะไร
สำหรับครั้งนี้ผมจะมาพูดเรื่องต่อมาคือ HTML DOM Nodes กันครับว่ามันคืออะไร ตามที่ได้สัญญากับทุกท่านไว้ เอาเป็นว่าเรามาเริ่มทำความรู้จักกับ HTML DOM Nodes กันเลยดีกว่าครับ...
---------------------------------------------------------
ถ้าหากจะกล่าวถึง DOM สามารถบอกได้เลยว่า "ทุกสิ่งที่อยู่ในเอกสาร HTML นั้นก็คือ Nodes"
DOM สามารถจะบอกอะไรกับเราได้บ้าง
- บอกว่าเอกสารทุกส่วน คือ document nodes
- Tag คำสั่ง HTML ทุกตัว คือ element nodes
- ข้อความใน HTML element คือ text nodes
- HTML attribute ทุกตัว คือ attribute nodes
- Comment ต่างๆ คือ Comment nodes
เราลองมาดูตัวอย่างโค๊ดกันนะครับ เพื่อเพิ่มความเข้าใจกับคำอธิบายด้านบน
example
<>
<>
<>Web Title< /title >
< /head >
<>
<>Text1< /p >
<>Text2< /h1 >
< /body >
< /html >
จากโค๊ดด้านบน
- Root node ใน HTML คือ <> ส่วน nodes อื่นๆ จะประกอบอยู่ภายใน <>
- <> จะมี nodes ลูก 2 nodes คือ <> และ <>
- <> node จะมี <> node อยู่เป็น node ลูก
- <> nodes จะมี <> node และ <> node เป็น node ลูก
---------------------------------------------------------
สำหรับ Text จะถูกจัดเก็บอยู่ใน Text nodes โดยจากโค๊ดด้านบน
<>Web Title< /title >
element node <> จะมี Text nodes ที่มีค่าคือ "Web Title"
โดยที่ "Web Title" จะไม่ใช่ค่าของ <> element
---------------------------------------------------------
สำหรับครั้งหน้าเราจะมาเรียนรู้ถึงเรื่อง DOM Nodes Tree กันว่ามันคืออะไรเกี่ยวยังไงกับ DOM Nodes
<<โปรดติดตามตอนหน้า>>
โดย:Phiphat_g
ขอขอบคุณข้อมูลจาก:www.w3schools.com
ไม่มีความคิดเห็น:
แสดงความคิดเห็น