object này do trình duyệt tạo ra khi tải trang html
truy cập đến các thẻ
thẻ <head> sử dụng document.head
thẻ <body> sử dụng document.body
(chú ý thẻ <html> chính là đối tượng document)
Các thẻ khác nằm trong head và body không thể truy vấn trực tiếp theo kiểu
document.head.ten_thehoặc
document.body.tên_thẻ
mà phải truy vấn theo cấu trúc cha - con
trả về 1 mảng các con của thằng head
document.head.childrentrả về 1 mảng các con trực tiếp của thằng body
document.body.childrenNgoài ra, có thể lấy thằng con nhưng nó sẽ trả về tất cả các node:
element.childNodes()
trả về thằng cha trực tiếp của thằng con
obj.parentNode
-------
Lấy các element trong HTML:
document.getElementById('id của thẻ'); //trả về 1 element
document.getElementsByClassName('tên class');//trả về 1 mảng các element có cùng class name
document.getElementsByTagName('img');//trả về 1 mảng các thẻ ảnh
Thay đổi/ truy xuất các nội dung của các element trong HTML:
obj.innerHTML;// trả về html trong đối tượng obj
obj.innerText;// chỉ trả về đoạn text bên trong, bỏ qua tât cả các thẻ bên trong obj
obj.attr=X; // thiết lập thuộc tính attr của obj thành X
vd:
img[0].src="http://path/to/image.jpg";//thiết lập thuộc tính src của ảnh đầu tiên
-------
Tìm element theo selector trong CSS
document.selectSelectorAll('p img');//trả về tất cả các ảnh nằm trong các đoạn văn
Thay đổi style của element:
obj.style.color="red";//đổi màu chữ của element thành đỏ
Chú ý:
obj.style.fontSize='1.5em'; //không thể sử dụng font-size vì JS không chấp nhận dấu -
DOM Event:
<element onclick="myScript">
object.onclick = function(){myScript};
object.addEventListener("click", myScript);
No comments:
Post a Comment