AJAX part 9

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
Nội dung trích xuất từ tài liệu:
AJAX part 9Bài 6: Các công nghệ trong AJAX - DOM - Phần cuối.Thêm style vào tài liệuDOM 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 địnhdạ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 quaDOM, 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àynay đề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 classNameVí 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 styleVí 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 innnerHTMLCá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+=+text+;}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ợptrong một công nghệ gọi là Dynamic HTML (DHTML), và có thể thấy Ajax sử dụng rấtnhiề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ácphầ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)