Tài liệu AJAX part 9 pdf

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 tr

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)