HTML DOM Элементы
Элемент объекта
В модели HTML DOM элемент объекта представляет собой элемент HTML, например P, DIV, A, TABLE или любой другой элемент HTML.
Свойства и методы
Следующие свойства и методы могут использоваться для всех элементов HTML:
| Property / Method | Description |
|---|---|
| accessKey | Sets or returns the accesskey attribute of an element |
| addEventListener() | Attaches an event handler to an element |
| appendChild() | Adds (appends) a new child node to an element |
| attributes | Returns a NamedNodeMap of an element's attributes |
| blur() | Removes focus from an element |
| childElementCount | Returns an elements's number of child elements |
| childNodes | Returns a NodeList of an element's child nodes |
| children | Returns an HTMLCollection of an element's child elements |
| classList | Returns the class name(s) of an element |
| className | Sets or returns the value of the class attribute of an element |
| click() | Simulates a mouse-click on an element |
| clientHeight | Returns the height of an element, including padding |
| clientLeft | Returns the width of the left border of an element |
| clientTop | Returns the width of the top border of an element |
| clientWidth | Returns the width of an element, including padding |
| cloneNode() | Clones an element |
| closest() | Searches the DOM tree for the closest element that matches a CSS selector |
| compareDocumentPosition() | Compares the document position of two elements |
| contains() | Returns true if a node is a descendant of a node |
| contentEditable | Sets or returns whether the content of an element is editable or not |
| dir | Sets or returns the value of the dir attribute of an element |
| firstChild | Returns the first child node of an element |
| firstElementChild | Returns the first child element of an element |
| focus() | Gives focus to an element |
| getAttribute() | Returns the value of an element's attribute |
| getAttributeNode() | Returns an attribute node |
| getBoundingClientRect() | Returns the size of an element and its position relative to the viewport |
| getElementsByClassName() | Returns a collection of child elements with a given class name |
| getElementsByTagName() | Returns a collection of child elements with a given tag name |
| hasAttribute() | Returns true if an element has a given attribute |
| hasAttributes() | Returns true if an element has any attributes |
| hasChildNodes() | Returns true if an element has any child nodes |
| id | Sets or returns the value of the id attribute of an element |
| innerHTML | Sets or returns the content of an element |
| innerText | Sets or returns the text content of a node and its descendants |
| insertAdjacentElement() | Inserts a new HTML element at a position relative to an element |
| insertAdjacentHTML() | Inserts an HTML formatted text at a position relative to an element |
| insertAdjacentText() | Inserts text into a position relative to an element |
| insertBefore() | Inserts a new child node before an existing child node |
| isContentEditable | Returns true if an element's content is editable |
| isDefaultNamespace() | Returns true if a given namespaceURI is the default |
| isEqualNode() | Checks if two elements are equal |
| isSameNode() | Checks if two elements are the same node |
| isSupported() | Deprecated |
| lang | Sets or returns the value of the lang attribute of an element |
| lastChild | Returns the last child node of an element |
| lastElementChild | Returns the last child element of an element |
| matches() | Returns true if an element is matched by a given CSS selector |
| namespaceURI | Returns the namespace URI of an element |
| nextSibling | Returns the next node at the same node tree level |
| nextElementSibling | Returns the next element at the same node tree level |
| nodeName | Returns the name of a node |
| nodeType | Returns the node type of a node |
| nodeValue | Sets or returns the value of a node |
| normalize() | Joins adjacent text nodes and removes empty text nodes in an element |
| offsetHeight | Returns the height of an element, including padding, border and scrollbar |
| offsetWidth | Returns the width of an element, including padding, border and scrollbar |
| offsetLeft | Returns the horizontal offset position of an element |
| offsetParent | Returns the offset container of an element |
| offsetTop | Returns the vertical offset position of an element |
| outerHTML | Sets or returns the content of an element (including the start tag and the end tag) |
| outerText | Sets or returns the outer text content of a node and its descendants |
| ownerDocument | Returns the root element (document object) for an element |
| parentNode | Returns the parent node of an element |
| parentElement | Returns the parent element node of an element |
| previousSibling | Returns the previous node at the same node tree level |
| previousElementSibling | Returns the previous element at the same node tree level |
| querySelector() | Returns the first child element that matches a CSS selector(s) |
| querySelectorAll() | Returns all child elements that matches a CSS selector(s) |
| remove() | Removes an element from the DOM |
| removeAttribute() | Removes an attribute from an element |
| removeAttributeNode() | Removes an attribute node, and returns the removed node |
| removeChild() | Removes a child node from an element |
| removeEventListener() | Removes an event handler that has been attached with the addEventListener() method |
| replaceChild() | Replaces a child node in an element |
| scrollHeight | Returns the entire height of an element, including padding |
| scrollIntoView() | Scrolls the an element into the visible area of the browser window |
| scrollLeft | Sets or returns the number of pixels an element's content is scrolled horizontally |
| scrollTop | Sets or returns the number of pixels an element's content is scrolled vertically |
| scrollWidth | Returns the entire width of an element, including padding |
| setAttribute() | Sets or changes an attribute's value |
| setAttributeNode() | Sets or changes an attribute node |
| style | Sets or returns the value of the style attribute of an element |
| tabIndex | Sets or returns the value of the tabindex attribute of an element |
| tagName | Returns the tag name of an element |
| textContent | Sets or returns the textual content of a node and its descendants |
| title | Sets or returns the value of the title attribute of an element |
| toString() | Converts an element to a string |