Đối tượng HTMLElement XML DOM

Lập trình

HTMLElement là đối tượng đại diện cho một phần tử trong HTML.

Các thuộc tính của đối tượng HTMLElement Node và Element Thuộc tính tiêu chuẩn của đối tượng, cũng thực hiện một số thuộc tính không tiêu chuẩn được mô tả dưới đây:

className

Định nghĩa thuộc tính class của phần tử. Lưu ý: tên thuộc tính này không phải là "class", vì "class" là từ khóa bảo vệ trong JavaScript.

Loại: chuỗi. Trạng thái: có thể viết.

currentStyle

Thuộc tính đặc thù của IE này áp dụng cho nhóm các thuộc tính CSS liên kết của phần tử. Nó là thay thế duy nhất cho Window.getComputedStyle() của IE.

Loại: chuỗi. Trạng thái: có thể viết.

dir

Định nghĩa thuộc tính dir của phần tử, thông báo hướng văn bản của tài liệu.

Loại: chuỗi. Trạng thái: có thể viết.

id

Định nghĩa thuộc tính id của phần tử. Trong một tài liệu, không có hai phần tử có giá trị id trùng nhau.

Loại: chuỗi. Trạng thái: có thể viết.

innerHTML

Định nghĩa chuỗi mà phần tử chứa, không bao gồm thẻ bắt đầu và kết thúc của phần tử. Tìm kiếm thuộc tính này sẽ trả về nội dung phần tử dưới dạng chuỗi HTML. Nếu đặt thuộc tính này thành chuỗi HTML, có thể thay thế nội dung phần tử bằng biểu diễn phân tích HTML. Không thể đặt thuộc tính này khi tài liệu được tải vào. Đây là thuộc tính không tiêu chuẩn từ IE4, đã được tất cả các trình duyệt hiện đại hỗ trợ.

Loại: chuỗi. Trạng thái: có thể viết.

lang

Định nghĩa thuộc tính lang của phần tử, thông báo mã ngôn ngữ của nội dung phần tử.

Loại: chuỗi. Trạng thái: có thể viết.

offsetHeight, offsetWidth

Trả về chiều cao và chiều rộng của phần tử, bằng pixel. Đây là thuộc tính không tiêu chuẩn nhưng được hỗ trợ rất tốt.

Loại: số nguyên. Trạng thái: chỉ đọc.

offsetLeft

Trả về độ dịch chuyển từ cạnh trái của phần tử đến cạnh trái của phần tử bao gồm, bằng pixel.

Loại: số nguyên. Trạng thái: chỉ đọc.

offsetTop

Trả về độ dịch chuyển từ cạnh trên của phần tử đến cạnh trên của phần tử bao gồm, bằng pixel.

Loại: số nguyên. Trạng thái: chỉ đọc.

offsetParent

Trả về tham chiếu đến phần tử bao gồm vị trí động gần nhất, tất cả các độ dịch chuyển dựa trên phần tử đó. Nếu giá trị của style.display của phần tử được thiết lập thành none, thì thuộc tính này trả về null. Đây là thuộc tính không tiêu chuẩn nhưng được hỗ trợ rất tốt.

Loại:Node. Trạng thái: chỉ đọc.

scrollHeight, scrollWidth

Trả về chiều cao và chiều rộng toàn bộ của phần tử, bằng pixel. Khi một phần tử có thanh cuộn (ví dụ, do thuộc tính CSS overflow), các thuộc tính này khác với offsetHeight và offsetWidth, offsetHeight và offsetWidth chỉ báo cáo kích thước phần tử có thể nhìn thấy. Đây là thuộc tính không tiêu chuẩn nhưng được hỗ trợ rất tốt.

Loại: số nguyên. Trạng thái: chỉ đọc.

scrollTop, scrollLeft

Đặt hoặc trả về số pixel đã cuộn đến cạnh trái hoặc trên của phần tử. Chỉ khi phần tử có thanh cuộn, ví dụ, khi thuộc tính CSS overflow của phần tử được thiết lập thành auto, số pixel này mới có giá trị. Các thuộc tính này cũng chỉ được định nghĩa trên thẻ <body> hoặc <html> của tài liệu (điều này liên quan đến trình duyệt), và cùng nhau xác định vị trí cuộn tài liệu. Lưu ý rằng các thuộc tính này không xác định lượng cuộn của thẻ <iframe>. Đây là thuộc tính không tiêu chuẩn nhưng được hỗ trợ rất tốt.

Loại: số nguyên. Trạng thái: có thể viết.

style

Trả về giá trị của thuộc tính style CSS-inline được thiết lập cho phần tử hiện tại. Lưu ý rằng giá trị của thuộc tính này không phải là một chuỗi.

Loại:CSS2Properties. Trạng thái: chỉ đọc.

title

Định nghĩa thuộc tính title của phần tử. Khi con trỏ chuột đè lên phần tử, nhiều trình duyệt sẽ hiển thị giá trị của thuộc tính này trong “thông báo công cụ” của phần tử.

Loại: chuỗi. Trạng thái: có thể viết.

các phương pháp của đối tượng HTMLElement

Đối tượng HTMLElement kế thừa Node và Element các phương pháp tiêu chuẩn của đối tượng. Một số loại phần tử thực hiện các phương pháp đặc thù cho thẻ, CodeW3C.com tại Tài liệu tham khảo HTML DOMTrang tham khảo các thẻ cung cấp thông tin về các phương pháp này.

Hầu hết các trình duyệt hiện đại đều đã thực hiện các phương pháp không tiêu chuẩn sau:

Phương thức Mô tả
scrollIntoView() Cuộn tài liệu. Đưa phần tử này ra đầu hoặc cuối cửa sổ.

Bộ xử lý sự kiện của đối tượng HTMLElement

Mọi phần tử HTML có thể phản hồi sự kiện chuột và phím đều có thể kích hoạt các bộ xử lý sự kiện được liệt kê ở đây. Một số phần tử, như liên kết và nút, sẽ thực hiện các hành động mặc định khi các sự kiện này xảy ra. Đối với các phần tử như vậy, thêm chi tiết có thể được tìm thấy trongTrang tham khảo cụ thể của phần tửtại đây.

Xem Tài liệu tham khảo thuộc tính sự kiện HTMLĐể biết thêm về các bộ xử lý sự kiện sự kiện HTML.

Làm thế nào để nhận được thông tin chi tiết hơn về đối tượng HTMLElement

Trong tài liệu tham khảo HTML DOM của CodeW3C.com, chúng tôi đã tạo ra các trang tham khảo chuyên dụng cho các đối tượng DOM tương ứng với các thẻ HTML:

Tài liệu tham khảo HTML DOM

Trang liên quan

Tài liệu tham khảo XML DOM:Đối tượng Document

Tài liệu tham khảo XML DOM:getElementById() của Document

Tài liệu tham khảo XML DOM:getElementsByTagName() của Document