Tài liệu AJAX part 9 pdf

2 258 0
Tài liệu AJAX part 9 pdf

Đang tải... (xem toàn văn)

Thông tin tài liệu

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) . 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. 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

Ngày đăng: 24/12/2013, 10:17

Tài liệu cùng người dùng

Tài liệu liên quan