TẠI SAO CẦN PHẢI CÓ DOM ( DOCUMENT OBJECT MODEL ) ?
DOM là một standardized software được sọan thảo và cho xử dụng vào năm 1997 bởi W3C ( World Wide Web Consortium) dùng để áp dụng chung cho tất cả các browsers trong việc điều hành và sọan thảo trang Web mà không bị trở ngại.
Trước khi DOM ra đời, năm 1990 mỗi browser tự tạo riêng một software dùng để điều hành trang Web (access and manipulate any element of webpage content). Microsoft có VBScript,Apple có AppleScript,Netscape có JavaScript .
Hiện nay DOM có 3 cấp gọi là level (level 1,level 2 và level 3).Level 1 xuất hịên năm 1998,level 2 xuất hịên năm 2000 và năm 2004 có level 3 .
Đến năm 2005 DOM được hổ trợ bởi tất cả các browsers như sau :
Internet Explorer,Opera,Safari,Google Chrome, Mozilla,Firefox,SeaMonkey,Camino,RockMelt và DOM được đặt tên là ECMAScript.
Dùng JavaScript hay các programs khác để vận hành DOM.Muốn activate DOM thì dùng javascript function và muốn activate javascript function thì dùng click button gọi là event handler.
DOM có nhiều công thức giúp chung ta tiếp cận,tạo dựng,thêm vào,xóa bỏ,tu chỉnh,vận hành,làm xuất hịên và che dấu bất cứ element nào trong document.
DOM có 10 methods : document.getElementById(), document.getElementsByTagName(), node methods, createElement, appendChild, removeChild, getAttribute, setAttribute, document.forms,innerHTML.
Method document.getElementById() được xử dụng nhiều nhất.Chép bảng html / DOM đính kèm trên vào notepad rồi thực tập.
Tất cả các tags trong HTML và XML được DOM gọi chung bằng một tên là node.
head là node,body là node,p là node.Node nào được chứa trong node khác thì được gọi childNode.Như vậy có nghĩa là html gọi là parentNode. head goị là firstChild và body gọi là lastChild của html.Vì có cùng parent nên firstChild và lastChild đối với nhau gọi là sibling. Node đứng kế cận phía trước được gọi là previousSibling và kế cận sau gọi là nextSibling.Tất cả các node đều có parent trừ html node.
Cơ chế của html trên được cắt nghĩa như sau.
DOM cho phép " to acess,delete,hide,show ,manipulate all styles,attributes,elements in a document ".
Muốn gắn thêm một đọan văn vào document, trước hết phải tạo ra một element node bằng cách dùng document.createTextNode(text) rồi chứa nó trong một variable có tên do mình chọn chẵng hạn như var mytext. Phải làm như vậy thì memory mới tự động cho phép chứa variable .Variable trong thí dụ trên có value là mytext.
var mytext=document.createTextNode(text).Viết đọan văn thay cho chữ text trong (text)
Sau đó phải biết rõ gắn thêm đọan văn vào đâu? Muốn biết chỗ gắn vào thì trong phần body phải tạo ṃôt div id có tên div id="mydiv". Rồi dùng appendChild(mytext) gắn vào "mydiv" bằng công thức document.getElementById("mydiv").appendChild(mytext).
Dùng function addtext() để activate DOM và dùng Click button để activate function addtext().
Lưu ý, phải có chữ any trong addtext(any) và trong createTextNode(any).Nếu không có gì hết sẽ xuất hiện chữ null khi click.
Có thể viết đọan văn thay cho chữ any trong createTextNode(any).
Khi dùng createElement() hay createTextNode() thi phải dùng appendChild() để nối cái vừa tạo dựng vào trang Web.
DOM rất dài và rất hay.Sẽ có tiếp những bài hướng dẫn cách xữ dụng tất cả các công thức của DOM.
