FORM AND DOCUMENT OBJECT MODEL

FORM VÀ DOCUMENT OBJECT MODEL

FORM là tập hợp nhiều khung,nhiều nút hoặc chỉ có một khung dùng để ghi chép input của người xử dụng computer.Khi viết code cho form cần phải đặt tên cho mỗi form.

Đây là một thí dụ rất đơn giản về form có tên là Ghi Danh.Code của form nầy là bảng html ở đầu trang.

Thân Ái Chào Quý Bạn.Hãy ghi danh

Tên-first name :

Họ-family name :

Địa chỉ- Email :

Cám Ơn Quý Bạn

Sau khi viết xong code cho form chúng ta dùng DOM để mở xem những chi tiết trong đó bằng cách dùng ký hiệu document.forms[…] nối với các nodes của DOM

Trong bảng html trên chúng ta viết code như sau :

var x=document.forms[0].lastChild.childNodes[0].nodeValue;

alert(x)

cho nên thấy xuất hiện một window alert như bên cạnh.

Trong script tag.

Nếu viết var x=document.forms[0].firstChild.childNodes[0].nodeValue;

Sẽ xuất hiện : Thân Ái Chào Quý Bạn.Hãy ghi danh.

Nếu viết var x=document.forms[0].childNodes[1].childnodes[0].nodeValue;

Sẽ xuất hiện :Tên-first name.

Nếu viết var x=document.forms[0].childNodes[4].childNodes[0].nodeValue;

Sẽ hiện ra : NULL

Nếu thay đổi nodeValue bằng nodeName, chúng ta sẽ thấy hiện ra tên của các tags trong html nói trên..

Thí dụ :

Nếu viết var x=document.forms[0].childNode[4].childNodes[0].nodeName .Sẽ xuất hịên INPUT;