Lập trình và Thiếtkế Web 1 © 2007 Khoa Công nghệ thông tin Khoa Khoa CNTT CNTT – – ĐH ĐH .KHTN .KHTN Bài 6 – Phần2/2 HTML DOM HTML DOM v v ớ ớ i i Javascript Javascript Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung Giớithiệuvề HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện(Event) Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung Giới thiệu về HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện (Event) Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Gi Gi ớ ớ i i thi thi ệ ệ u u v v ề ề HTML DOM HTML DOM HTML DOM = HTML Document Object Model Xem trang web như mộtcâygồmnhiều nút (node) Mỗinútlàmột thành phần (tag HTML, thuộc tính, nội dung củatag) DOM định nghĩamộtcáchđể truy xuấtvàđiềukhiểncác thành phần trong 1 trang web Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Gi Gi ớ ớ i i thi thi ệ ệ u u v v ề ề HTML DOM HTML DOM - - V V í í d d ụ ụ Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Gi Gi ớ ớ i i thi thi ệ ệ u u v v ề ề HTML DOM HTML DOM – – C C ấ ấ u u tr tr ú ú c c DOM DOM đơn đơn gi gi ả ả n n Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN 8 Gi Gi ớ ớ i i thi thi ệ ệ u u v v ề ề HTML DOM HTML DOM – – C C ấ ấ u u tr tr ú ú c c DOM DOM đ đ ầ ầ y y đ đ ủ ủ Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung Giớithiệuvề HTML DOM Thuộc tính (Property) và Phương thức (Method) Xử lý sự kiện(Event) Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Property & Method Property & Method – – C C ú ú ph ph á á p p chung chung Mỗi đốitượng DOM đều có danh sách thuộc tính (Properties) và danh sách các phương thức (Method) tương ứng. objectName.propertyName = value Ví dụ: document.bgColor = “blue”; objectName.methodName() Ví dụ: window.focus(); [...]... Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Đối tượng Document - DOM Cấu trúc cây nội dung tài liệu © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Đối tượng Document - DOM Các loại DOM Node chính © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiết kế Web 1 – Bài 6 : DOM HTML với Javascript Đối tượng Document - DOM getElementById ( id1 ) Trả về node... Bài 6 : DOM HTML với Javascript Đối tượng Document - DOM innerHTML Chỉ định nội dung HTML bên trong một node Ví dụ: // . Phần2/2 HTML DOM HTML DOM v v ớ ớ i i Javascript Javascript Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN N N ộ ộ i i dung dung Giớithiệuvề HTML DOM . ĐHKHTN Gi Gi ớ ớ i i thi thi ệ ệ u u v v ề ề HTML DOM HTML DOM - - V V í í d d ụ ụ Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript ©. (Event) Lập trình và Thiếtkế Web 1 – Bài 6 : DOM HTML với Javascript © 2007 Khoa CNTT - ĐHKHTN Gi Gi ớ ớ i i thi thi ệ ệ u u v v ề ề HTML DOM HTML DOM HTML DOM = HTML Document Object Model Xem trang