HTMLElement

Interface HTMLElement đại diện cho mọi phần tử HTML. Một vài phần tử sử dụng trực tiếp interface này, một vài phần tử khác lại sử dụng nó thông qua các lớp khác kế thừa nó.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/vi/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25  121,20  121,30  111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/vi/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25  236,20  236,30  226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/vi/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25  351,20  351,30  341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/vi/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

Các thuộc tính

Được kế thừa từ Element, và sử dụng chúng từ GlobalEventHandlers và TouchEventHandlers.

HTMLElement.accessKey

Là một DOMString trả về từ khoá truy cập được gán cho phần tử.

HTMLElement.accessKeyLabel Read only

Trả về một DOMString chứa các từ khoá truy cập đã được gán của phần tử.

HTMLElement.contentEditable

Là một DOMString, nếu giá trị là "true", ta có thể chỉnh sửa phần tử này và ngược lại nếu giá trị là "false".

HTMLElement.isContentEditable Read only

Trả về giá trị Boolean cho biết nội dung của phần tử có được phép chỉnh sửa hay không.

HTMLElement.contextMenu

Là một HTMLMenuElement trả về một menu tóm lược liên kết các phần tử. Giá trị có thể là null.

HTMLElement.dataset Read only

Trả về một DOMStringMap cho phép ta thao tác với các thuộc tính dữ liệu tùy biến của phần tử (data-*) .

HTMLElement.dir

Là một DOMString, tương tự với thuộc tính global dir, đại diện cho hướng hiển thị của phần tử. Các giá trị cho phép là "ltr", "rtl", và "auto".

HTMLElement.draggable

Có kiểu Boolean cho ta biết phần tử có thể được kéo (drag) hay không.

HTMLElement.dropzone Read only

Trả về một DOMSettableTokenList tương tự với thuộc tính global dropzone mô tả hành vi của phần tử liên quan đến hành động thả (drop).

HTMLElement.hidden

Có kiểu Boolean cho ta biết phần tử có ẩn hay không.

HTMLElement.inert

Có kiểu Boolean cho ta biết user agent must act as though the given node is absent đố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, và lựa chọn văn bản.

HTMLElement.innerText

Trả về nội dung văn bản được "render" từ một node và phần tử con của nó. Điều này tương tự với việc người dùng bôi đen văn bản và sao chép chúng.

HTMLElement.itemScope

Có kiểu Boolean cho biết scope của item.

HTMLElement.itemType Read only

Trả về một DOMSettableTokenList…

HTMLElement.itemId

Là một DOMString cho biết ID của item.

HTMLElement.itemRef Read only

Là một DOMSettableTokenList…

HTMLElement.itemProp Read only

Trả về một DOMSettableTokenList…

HTMLElement.itemValue

Trả về một Object cho biết giá trị của item.

HTMLElement.lang

Là một DOMString cho biết ngôn ngữ của thuộc tính của một phần tử, của văn bản và của nội dung phần tử đó.

HTMLElement.noModule

Có kiểu Boolean cho biết rằng việc nhúng đoạn script có thể được thực thi bởi user agent (có hỗ trợ module scripts) hay không.

HTMLElement.nonce

Returns the cryptographic number used once that is used by Content Security Policy to determine whether a given fetch will be allowed to proceed.

HTMLElement.offsetHeight Read only

Returns a double containing the height of an element, relative to the layout.

HTMLElement.offsetLeftRead only

Returns a double, the distance from this element's left border to its offsetParent's left border.

HTMLElement.offsetParentRead only

Returns a Element that is the element from which all offset calculations are currently computed.

HTMLElement.offsetTopRead only

Returns a double, the distance from this element's top border to its offsetParent's top border.

HTMLElement.offsetWidthRead only

Returns a double containing the width of an element, relative to the layout.

HTMLElement.properties Read only

Returns a HTMLPropertiesCollection…

HTMLElement.spellcheck

Is a Boolean that controls spell-checking. It is present on all HTML elements, though it doesn't have an effect on all of them.

HTMLElement.style

Is a CSSStyleDeclaration, an object representing the declarations of an element's style attributes.

HTMLElement.tabIndex

Is a long representing the position of the element in the tabbing order.

HTMLElement.title

Is a DOMString containing the text that appears in a popup box when mouse is over the element.

HTMLElement.translate

Is a Boolean representing the translation.

Event handlers

Most event handler properties, of the form onXYZ, are defined on the GlobalEventHandlers or TouchEventHandlers interfaces and implemented by HTMLElement. In addition, the following handlers are specific to HTMLElement.

HTMLElement.oncopy

Returns the event handling code for the copy event (bug 280959).

HTMLElement.oncut

Returns the event handling code for the cut event (bug 280959).

HTMLElement.onpaste

Returns the event handling code for the paste event (bug 280959).

TouchEventHandlers.ontouchstart

Returns the event handling code for the touchstart event.

TouchEventHandlers.ontouchend

Returns the event handling code for the touchend event.

TouchEventHandlers.ontouchmove

Returns the event handling code for the touchmove event.

TouchEventHandlers.ontouchenter

Returns the event handling code for the touchenter event.

TouchEventHandlers.ontouchleave

Returns the event handling code for the touchleave event.

TouchEventHandlers.ontouchcancel

Returns the event handling code for the touchcancel event.

Các phương thức

Được kế thừa từ Element.

HTMLElement.blur()

Bỏ truy cập phần tử hiện tại.

HTMLElement.click()

Gửi một sự kiện click chuột đến phần tử.

HTMLElement.focus()

Truy cập đến phần tử hiện tại (truy cập bằng cách click vào phần tử hoặc nhấn phím Tab để di chuyển đến).

HTMLElement.forceSpellCheck()

Kiểm tra chính tả nội dung của phần tử.

Các sự kiện

Bắt các sự kiện bằng cách sự dụng phương thức addEventListener() hoặc bằng cách gán một thuộc tính sự sự kiện on_tên_sự_kiện dựa trên interface này.

invalid

Được gọi khi một phần tử không thỏa điều kiện khi đang xác minh (validation) thông tin.
Dùng tương tự với thuộc tính oninvalid.

Các sự kiện animation

animationcancel

Được gọi khi một animation dừng đột ngột.
Dùng tương tự với thuộc tính onanimationcancel.

animationend

Được gọi khi một animation kết thúc.
Dùng tương tự với thuộc tính onanimationend.

animationiteration

Được gọi khi một vòng lặp animation kết thúc.
Dùng tương tự với thuộc tính onanimationiteration.

animationstart

Fired when an animation starts.
Dùng tương tự với thuộc tính onanimationstart.

Các sự kiện input

beforeinput

Được gọi khi giá trị của một phần tử <input>, <select>, hoặc <textarea> sắp được chỉnh sửa.

input

Được gọi khi giá trị của một phần tử <input>, <select>, hoặc <textarea> đã được chỉnh sửa.
Dùng tương tự với thuộc tính oninput.

Pointer events

gotpointercapture

Fired when an element captures a pointer using setPointerCapture().
Also available via the ongotpointercapture property.

lostpointercapture

Fired when a captured pointer is released.
Also available via the onlostpointercapture property.

pointercancel

Fired when a pointer event is canceled.
Also available via the onpointercancel property.

pointerdown

Fired when a pointer becomes active.
Also available via the onpointerdown property.

pointerenter

Fired when a pointer is moved into the hit test boundaries of an element or one of its descendants.
Also available via the onpointerenter property.

pointerleave

Fired when a pointer is moved out of the hit test boundaries of an element.
Also available via the onpointerleave property.

pointermove

Fired when a pointer changes coordinates.
Also available via the onpointermove property.

pointerout

Fired when a pointer is moved out of the hit test boundaries of an element (among other reasons).
Also available via the onpointerout property.

pointerover

Fired when a pointer is moved into an element's hit test boundaries.
Also available via the onpointerover property.

pointerup

Fired when a pointer is no longer active.
Also available via the onpointerup property.

Các sự kiện transition

transitioncancel

Được gọi khi một CSS transition bị hủy.
Dùng tương tự với thuộc tính ontransitioncancel.

transitionend

Được gọi khi một CSS transition hoàn thành.
Dùng tương tự với thuộc tính ontransitionend.

transitionrun

Được gọi khi một CSS transition được tạo ra đầu tiên.
Dùng tương tự với thuộc tính ontransitionrun.

transitionstart

Được gọi khi một CSS transition thực sự bắt đầu.
Dùng tương tự với thuộc tính ontransitionstart.

Specifications

Khả năng tương thích của trình duyệt

Xem thêm

• Element