HTMLElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Giao diện HTMLElement đại diện cho bất kỳ phần tử HTML nào. Một số phần tử trực tiếp triển khai giao diện này, trong khi các phần tử khác triển khai nó thông qua một giao diện kế thừa từ nó.

Thuộc tính instance

Cũng kế thừa các thuộc tính từ phần tử cha, Element.

HTMLElement.accessKey: Một chuỗi đại diện cho phím truy cập được gán cho phần tử.
HTMLElement.accessKeyLabel Read only: Trả về một chuỗi chứa phím truy cập được gán cho phần tử.
HTMLElement.anchorElement Read only Non-standard Experimental: Trả về tham chiếu đến phần tử neo của phần tử, hoặc null nếu nó không có.
HTMLElement.attributeStyleMap Read only: Một StylePropertyMap đại diện cho các khai báo của thuộc tính style của phần tử.
HTMLElement.autocapitalize: Một chuỗi đại diện cho hành vi viết hoa của phần tử đối với đầu vào của người dùng. Các giá trị hợp lệ là: none, off, on, characters, words, sentences.
HTMLElement.autofocus: Một giá trị boolean phản ánh thuộc tính global HTML autofocus, cho biết liệu điều khiển có nên được lấy tiêu điểm khi trang tải hay không, hoặc khi dialog hoặc popover được hiển thị nếu được chỉ định trong một phần tử bên trong các phần tử <dialog> hoặc các phần tử có thuộc tính popover được đặt.
HTMLElement.autocorrect: Một boolean đại diện cho việc văn bản do người dùng nhập có được tự động sửa lỗi hay không. Thuộc tính này phản ánh thuộc tính global HTML autocorrect.
HTMLElement.contentEditable: Một chuỗi, trong đó giá trị true có nghĩa là phần tử có thể chỉnh sửa và giá trị false có nghĩa là không.
HTMLElement.dataset Read only: Trả về một DOMStringMap mà script có thể đọc và ghi các thuộc tính dữ liệu tùy chỉnh (data-*) của phần tử.
HTMLElement.dir: Một chuỗi, phản ánh thuộc tính global dir, đại diện cho hướng của phần tử. Các giá trị khả thi là "ltr", "rtl", và "auto".
HTMLElement.draggable: Một giá trị boolean cho biết liệu phần tử có thể được kéo hay không.
HTMLElement.editContext Experimental: Trả về EditContext được liên kết với phần tử, hoặc null nếu không có.
HTMLElement.enterKeyHint: Một chuỗi xác định nhãn hành động (hoặc biểu tượng) nào sẽ hiển thị cho phím enter trên bàn phím ảo.
HTMLElement.hidden: Một chuỗi hoặc boolean phản ánh giá trị của thuộc tính hidden của phần tử.
HTMLElement.inert: Một giá trị boolean cho biết liệu tác nhân người dùng có phải hoạt động như thể nút đã cho không tồn tại đối với các sự kiện tương tác của người dùng, tìm kiếm văn bản trong trang ("tìm trong trang"), và chọn văn bản.
HTMLElement.innerText: Đại diện cho nội dung văn bản đã được kết xuất của một nút và các phần tử con cháu của nó. Khi dùng làm bộ lấy, nó xấp xỉ văn bản mà người dùng sẽ nhận được nếu họ tô sáng nội dung của phần tử bằng con trỏ và sau đó sao chép vào clipboard. Khi dùng làm bộ đặt, nó thay thế nội dung bên trong phần tử đã chọn, chuyển đổi bất kỳ ngắt dòng nào thành các phần tử <br>.
HTMLElement.inputMode: Một giá trị chuỗi phản ánh giá trị của thuộc tính inputmode của phần tử.
HTMLElement.isContentEditable Read only: Trả về một giá trị boolean cho biết liệu nội dung của phần tử có thể chỉnh sửa được hay không.
HTMLElement.lang: Một chuỗi đại diện cho ngôn ngữ của các thuộc tính, văn bản và nội dung phần tử.
HTMLElement.nonce: Trả về số sử dụng một lần trong mật mã học được sử dụng bởi Chính sách bảo mật nội dung (Content Security Policy) để xác định xem một lệnh fetch nhất định có được phép tiến hành hay không.
HTMLElement.offsetHeight Read only: Trả về một double chứa chiều cao của một phần tử, tương đối với bố cục.
HTMLElement.offsetLeft Read only: Trả về một double, khoảng cách từ border trái của phần tử này đến border trái của offsetParent của nó.
HTMLElement.offsetParent Read only: Một Element là phần tử mà từ đó tất cả các phép tính offset hiện được tính toán.
HTMLElement.offsetTop Read only: Trả về một double, khoảng cách từ border trên của phần tử này đến border trên của offsetParent của nó.
HTMLElement.offsetWidth Read only: Trả về một double chứa chiều rộng của một phần tử, tương đối với bố cục.
HTMLElement.outerText: Đại diện cho nội dung văn bản đã được kết xuất của một nút và các phần tử con cháu của nó. Khi dùng làm bộ lấy, nó giống như HTMLElement.innerText (đại diện cho nội dung văn bản đã được kết xuất của một phần tử và các phần tử con cháu của nó). Khi dùng làm bộ đặt, nó thay thế nút đã chọn và nội dung của nó bằng giá trị đã cho, chuyển đổi bất kỳ ngắt dòng nào thành các phần tử <br>.
HTMLElement.popover: Lấy và đặt trạng thái popover của một phần tử qua JavaScript ("auto", "hint", hoặc "manual"), và có thể được dùng để phát hiện tính năng. Phản ánh giá trị của thuộc tính global HTML popover.
HTMLElement.spellcheck: Một giá trị boolean kiểm soát gợi ý kiểm tra chính tả. Nó có sẵn trên tất cả các phần tử HTML, mặc dù nó không ảnh hưởng đến tất cả chúng.
HTMLElement.style: Một CSSStyleDeclaration đại diện cho các khai báo của thuộc tính style của phần tử.
HTMLElement.tabIndex: Một long đại diện cho vị trí của phần tử trong thứ tự tab.
HTMLElement.title: Một chuỗi chứa văn bản xuất hiện trong hộp popup khi chuột ở trên phần tử.
HTMLElement.translate: Một giá trị boolean đại diện cho việc dịch thuật.
HTMLElement.virtualKeyboardPolicy Experimental: Một chuỗi cho biết hành vi của bàn phím ảo trên màn hình đối với các thiết bị như máy tính bảng, điện thoại di động hoặc các thiết bị khác nơi bàn phím cứng có thể không khả dụng, nếu nội dung của phần tử có thể chỉnh sửa (ví dụ: nó là phần tử <input> hoặc <textarea>, hoặc một phần tử có thuộc tính contenteditable được đặt).
HTMLElement.writingSuggestions: Một chuỗi cho biết liệu các gợi ý viết do trình duyệt cung cấp có nên được bật trong phạm vi của phần tử hay không.

Phương thức instance

Cũng kế thừa các phương thức từ phần tử cha, Element.

HTMLElement.attachInternals(): Trả về một đối tượng ElementInternals, và cho phép một phần tử tùy chỉnh tham gia vào các biểu mẫu HTML.
HTMLElement.blur(): Xóa tiêu điểm bàn phím khỏi phần tử đang được tiêu điểm hiện tại.
HTMLElement.click(): Gửi một sự kiện nhấp chuột đến phần tử.
HTMLElement.focus(): Làm cho phần tử trở thành tiêu điểm bàn phím hiện tại.
HTMLElement.hidePopover(): Ẩn một phần tử popover bằng cách xóa nó khỏi top layer và áp dụng kiểu display: none.
HTMLElement.showPopover(): Hiển thị một phần tử popover bằng cách thêm nó vào top layer và xóa display: none; khỏi các kiểu của nó.
HTMLElement.togglePopover(): Chuyển đổi một phần tử popover giữa trạng thái ẩn và hiển thị.

Sự kiện

Lắng nghe các sự kiện này bằng cách sử dụng addEventListener() hoặc bằng cách gán một trình lắng nghe sự kiện cho thuộc tính oneventname của giao diện này.

Cũng kế thừa các sự kiện từ phần tử cha, Element.

change: Được kích hoạt khi value của một phần tử <input>, <select>, hoặc <textarea> đã được thay đổi và xác nhận bởi người dùng. Không giống như sự kiện input, sự kiện change không nhất thiết được kích hoạt cho mỗi thay đổi đối với value của một phần tử.
command: Kích hoạt trên một phần tử được điều khiển thông qua một button với các giá trị commandForElement và command hợp lệ, bất cứ khi nào nút được tương tác (ví dụ: nó được nhấp).
error: Được kích hoạt khi một tài nguyên không tải được hoặc không thể sử dụng.
load: Kích hoạt cho các phần tử chứa tài nguyên khi tài nguyên đã tải thành công.

Sự kiện kéo và thả

drag: Sự kiện này được kích hoạt khi một phần tử hoặc lựa chọn văn bản đang được kéo.
dragend: Sự kiện này được kích hoạt khi một thao tác kéo đang được kết thúc (bằng cách thả nút chuột hoặc nhấn phím escape).
dragenter: Sự kiện này được kích hoạt khi một phần tử được kéo hoặc lựa chọn văn bản đi vào một mục tiêu thả hợp lệ.
dragleave: Sự kiện này được kích hoạt khi một phần tử được kéo hoặc lựa chọn văn bản rời khỏi một mục tiêu thả hợp lệ.
dragover: Sự kiện này được kích hoạt liên tục khi một phần tử hoặc lựa chọn văn bản đang được kéo và con trỏ chuột ở trên một mục tiêu thả hợp lệ (mỗi 50 ms KHI chuột không di chuyển ELSE nhanh hơn nhiều giữa 5 ms (di chuyển chậm) và 1ms (di chuyển nhanh) xấp xỉ. Mẫu kích hoạt này khác với mouseover ).
dragstart: Sự kiện này được kích hoạt khi người dùng bắt đầu kéo một phần tử hoặc lựa chọn văn bản.
drop: Sự kiện này được kích hoạt khi một phần tử hoặc lựa chọn văn bản được thả lên một mục tiêu thả hợp lệ.

Sự kiện trình gọi interest

interest Experimental Non-standard: Được kích hoạt trên phần tử mục tiêu của trình gọi interest khi interest được hiển thị, cho phép mã được chạy để phản hồi.
loseinterest Experimental Non-standard: Được kích hoạt trên phần tử mục tiêu của trình gọi interest khi interest bị mất, cho phép mã được chạy để phản hồi.

Sự kiện toggle

beforetoggle: Được kích hoạt khi phần tử là một popover hoặc <dialog>, trước khi nó được ẩn hoặc hiển thị.
toggle: Được kích hoạt khi phần tử là một phần tử popover, <dialog>, hoặc <details>, ngay sau khi nó được ẩn hoặc hiển thị.

Đặc tả kỹ thuật

Specification
HTML # htmlelement

Tương thích trình duyệt

Xem thêm

Element

Help improve MDN

Learn how to contribute

This page was last modified on Jan 1, 1970 by MDN contributors.

View this page on GitHub • Report a problem with this content