Tài liệu AJAX part 9 pdf

Bài 6: Các công nghệ trong AJAX - DOM - Phần cuối.

Thêm style vào tài liệu

DOM cũng cung cấp các phương thức để chỉnh sửa style của các phần tử và tạo định
dạng lại cho cấu trúc đã được định nghĩa trong stylesheet.
Mỗi phần tử trong trang web có thể có nhiều giao diện trực quan có thể được áp đặt qua
DOM, như vị trí, chiều dài và rộng, mằu sắc, canh lề và đường viền. Các trình duyệt ngày
nay đều cung cấp các ràng bu
ộc JavaScript cho phép thay đổi giao diện mức thấp và áp
đặt các định dạng một cách nhất quán và dễ dàng với các lớp CSS.
Thuộc tính className
Ví dụ đoạn code sau sẽ áp đặt các quy tắc biểu diễn của lớp declared cho một nút:
Code:
hello.className='declared';
với hello tham chiếu tới một nút DOM.
Thuộc tính style
Ví dụ, đoạn mã sau bổ sung các thuộc tính style cho nút empty:
Code:
empty.style.border="solid green 2px";
empty.style.width="200px";

Sử dụng thuộc tính innnerHTML

Các phần tử DOM của các trình duyệt web đều hỗ trợ một thuộc tính gọi là innerHTML,
cho phép các nội dung kiểu string tùy ý được gán cho các phần tử theo thuộc tính này,
như trong đoạn mã sau:
Code:
function addListItemUsingInnerHTML(el,text){
el.innerHTML+="<div class='programmed'>"+text+"</div>";
}

Trên đây ta vừa xét một cách sơ lược về JavaScript, CSS, và DOM. Chúng được tập hợp
trong một công nghệ gọi là Dynamic HTML (DHTML), và có thể thấy Ajax sử dụng rất
nhiều kỹ thuật DHTML.

Như vậy, các bạn đã nắm được 2 công nghệ dùng trong AJAX: CSS và DOM. Trong các
phần tiếp theo chúng ta cùng nhau thảo luận về: XML và việc truyền dữ liệu bất đồng bộ
(Giới thiệu về XML và XSLT, XMLHttpRequest) và có lẽ cũng nên nói qua một chút về JS
(JavaScript).
ngocha85(Updatesofts.com)