Js parent element: Навигация по DOM-элементам

Содержание

Свойство parentElement | JavaScript справочник

JavaScript Node

Определение и применение

JavaScript свойство parentElement объекта Node возвращает элемент, который является родителем данного узла. В том случае, если узел не имеет родителя, или родитель не является элементом, то это свойство вернет значение null. Свойство доступно только для чтения.

Для того, чтобы возвратить узел, который является родительским для этого узла, а не элемент, то Вы можете воспользоваться свойством parentNode.

Поддержка браузерами

JavaScript синтаксис:

const parentElement = node.parentElement;

node - Node

Спецификация

Document Object Model (DOM) Level 4 (Working Draft)

Пример использования

<!DOCTYPE html>
<html>
	<head>
		<title>Использование JavaScript свойства parentElement</title>
	</head>
	<body>
		<div>
			<p onclick = "myFunc(this)">Click me</p> <!-- добавляем атрибут событий onclick -->
		</div>
		<div>
			<p onclick = "myFunc(this)">Click me</p> <!-- добавляем атрибут событий onclick -->
		</div>
		<div>
			<p onclick = "myFunc(this)">Click me</p> <!-- добавляем атрибут событий onclick -->
		</div>
		<script>
	function myFunc(currentElem) {
	  currentElem.parentElement.style.display = "none"; // устанавливаем родительскому элементу текущего элемента значение свойства display равным none
	}
		</script>
	</body>
</html>

В этом примере с использованием атрибута событий onclick при нажатии на определенный HTML элемент <p>, мы вызываем функцию, которая устанавливает родительскому элементу элемента <p>, по которому произошло нажатие, значение CSS свойства display равным none. В результате чего этот элемент будет скрыт.

Результат нашего примера:

Пример использования JavaScript свойства parentElementJavaScript Node

Разница между DOM parentNode и parentElement в JavaScript

28.12.2019JavaScript, Веб-технологии, Веб-технологии Вопросы

ParentNode:
Свойство родительского узла — это свойство только для чтения, которое возвращает нам имя родительского узла выбранного узла в качестве объекта узла. Объект Node представляет один узел в дереве документа, и узел может быть узлом элемента, текстовым узлом или более.

Синтаксис:

node.parentNode

Возвращаемое значение: Свойство родительского узла возвращает объект родительского узла, если он присутствует, иначе оно возвратит «ноль» .

Пример:

<!DOCTYPE html>

<html>

<body>

<style>

p {

color: green;

}

</style>

<p>GeeksForGeeks</p>

<div>

<p id="gfg">Click the button to get the

node name of the parent node.</p>

</div>

<button onclick="myParentNode()">Try it</button>

<p id="text"></p>

<script>

function myParentNode() {

var geek = document.getElementById("gfg").parentNode.nodeName;

/*appending parent node to the 'p' element with id named text*/

document.getElementById("text").innerHTML = geek;

}

</script>

</body>

</html>

Выход:

parentElement:
Родительский элемент — это свойство только для чтения, которое возвращает родительский элемент выбранного элемента. Объект элемента представляет элемент HTML, такой как P, DIV и т. Д.

Синтаксис:

node.parentElement

Возвращаемое значение: Свойство parentElement возвращает объект элемента, представляющий родительский элемент, если он присутствует, иначе он вернет значение NULL.

Пример:

<!DOCTYPE html>

<html>

<body>

<style>

p,

ol {

color: green;

}

</style>

<p>GeeksForGeeks Courses</p>

<ol>

<li id="geek">DSA</li>

<li>Interview Preparation</li>

<li>Geeks Classes</li>

</ol>

<p>Click the button to get the node

name of the parent element</p>

<button onclick="myParentElement()">

Click to know the parent element

</button>

<p id="gfg"></p>

<script>

function myParentElement() {

var text = document.getElementById(

"geek").parentElement.nodeName;

document.getElementById("gfg").innerHTML = text;

}

</script>

</body>

</html>

Выход:

Разница:
Родительский элемент возвращает ноль, если родительский элемент не является узлом элемента, что является основным отличием parentElement и parentNode. Во многих случаях можно использовать любой из них, в большинстве случаев они одинаковы. Например:

// returns the document node
document.documentElement.parentNode; 

// returns null
document.documentElement.parentElement;

Элемент HTML (document.documentElement) не имеет родителя, который является элементом, это узел, поэтому родительский элемент имеет значение null.

Поддерживаемые браузеры: браузеры, поддерживаемые parentNode и DOM parentElement , перечислены ниже:

Гугл Хром
Internet Explorer
Fire Fox
Apple Safari
опера

Рекомендуемые посты:

Разница между DOM parentNode и parentElement в JavaScript

0.00 (0%) 0 votes

Element — Веб-технологии для разработчиков

`Element`	Chrome Полная поддержка 1	Edge Полная поддержка 12	Firefox Полная поддержка 1	IE Полная поддержка 4	Opera Полная поддержка 8	Safari Полная поддержка 1.3	WebView Android Полная поддержка 1	Chrome Android Полная поддержка 18	Firefox Android Полная поддержка 4	Opera Android Полная поддержка 10.1	Safari iOS Полная поддержка 1	Samsung Internet Android Полная поддержка 1.0
`DOMActivate` event УстаревшаяНестандартная	Chrome Полная поддержка Да	Edge Полная поддержка 79	Firefox Полная поддержка Да	IE Нет поддержки Нет	Opera Нет поддержки Нет	Safari Полная поддержка Да	WebView Android ?	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Нет поддержки Нет	Safari iOS ?	Samsung Internet Android Полная поддержка Да
`DOMMouseScroll` event УстаревшаяНестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки Нет	Firefox Полная поддержка 1	IE Нет поддержки Нет	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка 4	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MozMousePixelScroll` event УстаревшаяНестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки ≤18 — 79	Firefox Полная поддержка Да	IE Нет поддержки Нет	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка Да	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureChange` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureEnd` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureHold` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureStart` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureTap` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSInertiaStart` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSManipulationStateChanged` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки 12 — 79	Firefox Нет поддержки Нет	IE Полная поддержка Да	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`afterscriptexecute` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки Нет	Firefox Полная поддержка 2	IE ?	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка 4	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`animate` Экспериментальная	Chrome Полная поддержка 36	Edge Полная поддержка 79	Firefox Полная поддержка 48	IE Нет поддержки Нет	Opera Полная поддержка 23	Safari Полная поддержка 13.1 Полная поддержка 13.1 Полная поддержка Да Отключено This feature is behind the `Web Animations` preference and the `CSS Animations via Web Animations` preference.	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 36	Firefox Android Полная поддержка 48	Opera Android Полная поддержка 24	Safari iOS Полная поддержка 13.4	Samsung Internet Android Полная поддержка 3.0
`attachShadow`	Chrome Полная поддержка 53	Edge Полная поддержка 79	Firefox Полная поддержка 63 Полная поддержка 63 Нет поддержки 59 — 63 Отключено From version 59 until version 63 (exclusive): this feature is behind the `dom.webcomponents.shadowdom.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	IE Нет поддержки Нет	Opera Полная поддержка 40	Safari Полная поддержка 10	WebView Android Полная поддержка 53	Chrome Android Полная поддержка 53	Firefox Android Полная поддержка 63 Полная поддержка 63 Нет поддержки 59 — 63 Отключено From version 59 until version 63 (exclusive): this feature is behind the `dom.webcomponents.shadowdom.enabled` preference (needs to be set to `true`). To change preferences in Firefox, visit about:config.	Opera Android Полная поддержка 41	Safari iOS Полная поддержка 10	Samsung Internet Android Полная поддержка 6.0
`attributes`	Chrome Полная поддержка 26	Edge Полная поддержка 12	Firefox Полная поддержка 22	IE Полная поддержка 5.5	Opera Полная поддержка 8	Safari Полная поддержка 6	WebView Android Полная поддержка ≤37	Chrome Android Полная поддержка 26	Firefox Android Полная поддержка 22	Opera Android Полная поддержка 10.1	Safari iOS Полная поддержка 6	Samsung Internet Android Полная поддержка 1.5
`attributeStyleMap`	Chrome Полная поддержка 66	Edge Полная поддержка ≤79	Firefox ?	IE Нет поддержки Нет	Opera ?	Safari ?	WebView Android Полная поддержка 66	Chrome Android Полная поддержка 66	Firefox Android ?	Opera Android ?	Safari iOS ?	Samsung Internet Android Полная поддержка 9.0
`auxclick` event	Chrome Полная поддержка 55	Edge Полная поддержка ≤79	Firefox Полная поддержка 53 Полная поддержка 53 Замечания Starting in Firefox 68, the `auxclick` event is used to trigger the new tab on middle-click action; previously, this had been done with the `click` event. Apps can prevent middle-click from opening new tabs (or middle-click to paste, if that feature is enabled) by intercepting `auxclick` on links, and `auxclick` event handlers can now open popups without triggering the popup blocker.	IE Нет поддержки Нет	Opera Полная поддержка 42	Safari Нет поддержки Нет	WebView Android Полная поддержка 55	Chrome Android Полная поддержка 55	Firefox Android Полная поддержка 53	Opera Android Полная поддержка 42	Safari iOS Нет поддержки Нет	Samsung Internet Android Полная поддержка 6.0
`beforescriptexecute` event Нестандартная	Chrome Нет поддержки Нет	Edge Нет поддержки Нет	Firefox Полная поддержка 2	IE ?	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка 4	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`blur` event	Chrome Полная поддержка 1	Edge Полная поддержка 12	Firefox Полная поддержка 24 Полная поддержка 24 Нет поддержки 6 — 24 Замечания The interface for this event is `Event`, not `FocusEvent`.	IE Полная поддержка 9	Opera Полная поддержка 11.6	Safari Полная поддержка 3.1	WebView Android Полная поддержка 1	Chrome Android Полная поддержка 18	Firefox Android Полная поддержка 24 Полная поддержка 24 Нет поддержки 6 — 24 Замечания The interface for this event is `Event`, not `FocusEvent`.	Opera Android Полная поддержка 12.1	Safari iOS Полная поддержка 2	Samsung Internet Android Полная поддержка 1.0
`classList`	Chrome Полная поддержка 22 Полная поддержка 22 Нет поддержки 8 — 22 Замечания Not supported for SVG elements.	Edge Полная поддержка 16 Полная поддержка 16 Нет поддержки 12 — 16 Замечания Not supported for SVG elements.	Firefox Полная поддержка 3.6	IE Частичная поддержка 10 Частичная поддержка 10 Замечания Not supported for SVG elements.	Opera Полная поддержка 11.5	Safari Полная поддержка 6.1 Полная поддержка 6.1 Нет поддержки 6 — 6.1 Замечания Not supported for SVG elements.	WebView Android Полная поддержка 4.4 Полная поддержка 4.4 Нет поддержки 3 — 4.4 Замечания Not supported for SVG elements.	Chrome Android Полная поддержка 25 Полная поддержка 25 Нет поддержки 18 — 25 Замечания Not supported for SVG elements.	Firefox Android Полная поддержка 4	Opera Android Полная поддержка 11.5	Safari iOS Полная поддержка 7 Полная поддержка 7 Нет поддержки 5 — 7 Замечания Not supported for SVG elements.	Samsung Internet Android Полная поддержка 1.5 Полная поддержка 1.5 Нет поддержки 1.0 — 1.5 Замечания Not supported for SVG elements.
`className`	Chrome Полная поддержка 43	Edge Полная поддержка 12	Firefox Полная поддержка 1	IE Полная поддержка 8	Opera Полная поддержка 8	Safari Полная поддержка 6	WebView Android Полная поддержка 43	Chrome Android Полная поддержка 43	Firefox Android Полная поддержка 4	Opera Android Полная поддержка 10.1	Safari iOS Полная

HTMLElement — Веб-технологии для разработчиков

Интерфейс HTMLElement представляет собой любой элемент HTML. Некоторые элементы напрямую используют этот интерфейс, другие — через промежуточный интерфейс.

  <div><svg viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/ru/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" 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/ru/docs/Web/API/Node" target="_top"><rect x="151" y="1" 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/ru/docs/Web/API/Element" target="_top"><rect x="266" y="1" 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/ru/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" 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;}

Свойства

Наследует свойства родителя, Element, и реализует их через GlobalEventHandlers и TouchEventHandlers.

HTMLElement.accessKey — ключ доступа: Эта строковая переменная DOMString отображает ключ доступа, сопоставленный элементу Element.
HTMLElement.accessKeyLabel Только для чтения: Возвращает DOMString, содержащий назначенный ключ доступа элемента.
HTMLElement.contentEditable: Является DOMString, где значение» true «означает, что элемент доступен для редактирования, а значение» false » означает, что это не так.
HTMLElement.isContentEditable Только для чтения: Возвращает Boolean, который указывает, можно ли редактировать содержимое элемента.
HTMLElement.contextMenu: Является HTMLMenuElement, представляющим контекстное меню, связанное с элементом. Может быть null
HTMLElement.dataset Только для чтения — набор данных: Возвращает domstringmap, который позволяет получить доступ к чтению и записи атрибутов пользовательских данных элемента (data-*) .
HTMLElement.dir: Is a DOMString, reflecting the dir global attribute, representing the directionality of the element. Possible values are "ltr", "rtl", and "auto".
HTMLElement.draggable: Is a Boolean indicating if the element can be dragged.
HTMLElement.dropzone Только для чтения: Returns a DOMSettableTokenList reflecting the dropzone global attribute and describing the behavior of the element regarding a drop operation.
HTMLElement.hidden: Is a Boolean indicating if the element is hidden or not.
HTMLElement.itemScope: Is a Boolean…
HTMLElement.itemType Только для чтения: Returns a DOMSettableTokenList…
HTMLElement.itemId: Is a DOMString…
HTMLElement.itemRef Только для чтения: Returns a DOMSettableTokenList…
HTMLElement.itemProp Только для чтения: Returns a DOMSettableTokenList…
HTMLElement.itemValue: Returns an Object…
HTMLElement.lang: Is a DOMString representing the language of an element’s attributes, text, and element contents.
HTMLElement.offsetHeight Только для чтения: Returns a double containing the height of an element, relative to the layout.
HTMLElement.offsetLeftТолько для чтения: Returns a double, the distance from this element’s left border to its offsetParent‘s left border.
HTMLElement.offsetParentТолько для чтения: Returns an Element that is the element from which all offset calculations are currently computed.
HTMLElement.offsetTopТолько для чтения: Returns a double, the distance from this element’s top border to its offsetParent‘s top border.
HTMLElement.offsetWidthТолько для чтения: Returns a double containing the width of an element, relative to the layout.
HTMLElement.properties Только для чтения: Returns an HTMLPropertiesCollection…
HTMLElement.spellcheck: Is a Boolean that controls spell-checking. It is present on all HTML elements, though it hasn’t an effect on all of them.
HTMLElement.style: Is 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

Event handlers

Most events properties, of the form onXYZ, are defined on the GlobalEventHandlers or TouchEventHandlers, implemented by HTMLElement. A few more are specific to HTMLElement.

HTMLElement.oncopy: Returns the event handling code for the copy event (баг 280959).
HTMLElement.oncut: Returns the event handling code for the cut event (баг 280959).
HTMLElement.onpaste: Returns the event handling code for the paste event (баг 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.

Methods

Inherits methods from its parent, Element.

HTMLElement.blur(): Removes keyboard focus from the currently focused element.
HTMLElement.click(): Sends a mouse click event to the element.
HTMLElement.focus(): Makes the element the current keyboard focus.
HTMLElement.forceSpellCheck(): Makes the spell checker runs on the element.

Specifications

Specification	Status	Comment
CSS Object Model (CSSOM) View Module Определение ‘HTMLElement’ в этой спецификации.	Рабочий черновик	Added the following properties: `offsetParent`, `offsetTop`, `offsetLeft`, `offsetWidth`, and `offsetHeight`.
HTML Living Standard Определение ‘HTMLElement’ в этой спецификации.	Живой стандарт	Added the following properties: `translate`, `itemScope`, `itemType`, `itemId`, `itemRef`, `itemProp`, `properties`, and `itemValue`. Added the following method: `forceSpellcheck()`. Moved the `onXYZ` attributes to the `GlobalEventHandlers` interface and added an inheritance from it.
HTML5 Определение ‘HTMLElement’ в этой спецификации.	Рекомендация	Added the following properties: `dataset`, `hidden`, `tabindex`, `accessKey`, `accessKeyLabel`, `draggable`, `dropzone`, `contentEditable`, `isContentEditable`, `contextMenu`, `spellcheck`, `commandType`, `commandLabel`, `commandIcon`, `commandHidden`, `commandDisabled`, `commandChecked`, `style`, and all the `onXYZ` properties. Moved the `id` and `className` properties to the `Element` interface.
Document Object Model (DOM) Level 2 HTML Specification Определение ‘HTMLElement’ в этой спецификации.	Устаревшая	No change from Document Object Model (DOM) Level 2 HTML Specification
Document Object Model (DOM) Level 1 Specification Определение ‘HTMLElement’ в этой спецификации.	Устаревшая	Initial definition.

Browser compatibility

Feature	Firefox (Gecko)	Chrome	Internet Explorer	Opera	Safari
Basic support	1.0 (1.7 или ранее)	?	9	?	?
`accessKey`	5.0 (5.0)	17.0	?	?	(Да)(535.10)
`accessKeyLabel`	8.0 (8.0)	?	?	?	НетБаг WebKit 72715
`blur()`	5.0 (5.0)	?	?	?	?
`click()`	5.0 (5.0)	?	?	?	(Да)(535.24)
`dataset`	6.0 (6.0)	9.0	?	11.10	5.1
`focus()`	5.0 (5.0)	?	?	?	?
`contentEditable`	3.0 (1.9)	(Да)	5.5	9	(Да)
`spellcheck`	2.0 (1.8.1)	?	?	?	?
`style`	(Да) (returns a `CSS2Properties`, rather than a `CSSStyleDeclaration`)	(Да)	(Да)	(Да)	(Да)
`forceSpellCheck()`	Нет	Нет	Нет	Нет	Нет
`dataset`	6.0 (6.0)	8.0	11	11.10	6
`draggable`	(Да)	?	?	12.0	?
`dropzone`	Нет	Нет	Нет	12.0	Нет
`offsetLeft`, `offsetTop`, `offsetParent`, `offsetHeight` and `offsetWidth`	(Да)	?	(Да)	?	?
`translate`	Нет	Нет	Нет	Нет	Нет
`itemScope`, `itemType`, `itemRef`, `itemId`, `itemProp`, and `itemValue`	6.0 (6.0)	Нет	Нет	11.60 (Removed in Opera 15)	Нет
`properties`	(Да)	?	?	?	?
`HTMLElement.ontouchstart`, `HTMLElement.ontouchend`, `HTMLElement.ontouchmove`, `HTMLElement.ontouchenter`, `HTMLElement.ontouchleave`, and `HTMLElement.ontouchcancel`	(Да)	(Да)	Нет	?	(Да)
`HTMLElement.oncopy`, `HTMLElement.oncut`, and `HTMLElement.onpaste`	3.0 (1.9)	?	?	?	?

Свойство parentElement | Справочник по JavaScript

Узел JavaScript

Определение и применение

JavaScript свойство parentElement объекта Node возвращает элемент , который является родителем данного узла. В том случае, если узел не имеет родителя, или родитель не является элементом, это свойство вернет значение null. Свойство доступно только для чтения.

Для того, чтобы возвратить узел , который является родительским для этого узла, а не , элемент , то есть Вы можете использовать своим parentNode.

Поддержка браузерами

Синтаксис JavaScript:

const parentElement =  node  .parentElement;

  узел  - узел

Спецификация

Объектная модель документа (DOM), уровень 4 (рабочий проект)

Пример использования




 Использование свойств JavaScript parentElement 



 Click me  


 Click me  


 Click me

В этом примере с использованием атрибута событий onclick при выборе на определенном элементе HTML

мы вызываем функцию, которая устанавливает родительскому элементу элемента

, по соответствующему значению, значение CSS свойства display равное отсутствует. В результате чего этот элемент будет скрыт.

Результат нашего примера:

Пример использования свойств JavaScript parentElementJavaScript Node

Разница между DOM parentNode и parentElement в JavaScript

28.12.2019 JavaScript, Веб-технологии, Веб-технологии Вопросы

ParentNode: Свойство родительского узла — это свойство только для чтения, которое возвращает нам имя родительского узла сборщик в качестве узла узла. Объект Node представляет собой один узел в дереве документа, и узел может быть узлом элемента, текстовым узлом или более.

Синтаксис:

 узел.parentNode

Пример:

< html >

0
0
0
0
0
0
0
`<` `стиль` `>`
`p {`
`цвет: зеленый;`
`}`
`стиль >`

`< p > GeeksForGeeks33 p 2>`
`< div >`

`< p id = "gfg" > Нажмите кнопку, чтобы получить`
`имя родительского узла. p >`

`дел. onclick = "myParentNode ()" > Попробуйте button >`

`< p id = "text" > p >`

`< скрипт >`
`функция myParentNode () {`
`var geek = document.getElementById ("gfg"). parentNode.nodeName;`

`/ * добавление родительского узла к элементу p с идентификатором с именем text * /`
`document.getElementById ("text"). InnerHTML = geek;`
`}`
`скрипт >`

`корпус >`

`t / 900ml` `>`

Выход:

parentElement:
Родительский элемент - это свойство только для чтения, которое возвращает родительский элемент выбранного элемента.Объект элемента представляет собой элемент HTML, такой как P, DIV и т. Д.

Синтаксис:

 node.parentElement

Пример:

< html >

0
0
0
0
0
0

`<` `style` `>`
`p,`
`ol {`
`цвет: зеленый;`
`}`
`стиль >`

`< p > Курсы GeeksForGeeks p`
0 < ol > < li id = "geek" > DSA li > < li > Подготовка к собеседованию li > < li > Классы гиков li > ol > <9 0033 p > Нажмите кнопку, чтобы получить узел имя родительского элемента p > < кнопка нажмите = "myParentElement ()" > Щелкните, чтобы узнать о родительском элементе кнопка > < p id = "gfg" > p > < скрипт > function myParentElement () { var text = d окумент.getElementById ( «компьютерщик»). parentElement.nodeName; document.getElementById ("gfg"). InnerHTML = текст; } скрипт > корпус > t / 900ml >

Выход:

Разница:
Родительский элемент возвращает ноль, если родительский элемент не является узлом элементом, основным основным родительским элементом parentElement и parentNode.Во многих случаях можно использовать любой из них, в большинстве случаев они одинаковы. Например:

// возвращает узел документа
document.documentElement.parentNode;

// возвращает null
document.documentElement.parentElement;

Элемент HTML (document.documentElement) не имеет родителя, который является элементом, этот узел, поэтому родительский элемент имеет значение null.

Поддерживаемые браузеры: браузеры, поддерживаемые parentNode и DOM parentElement , несколько ниже:

Гугл Хром
Internet Explorer
Fire Fox
Apple Safari
102 операционные: Разница между DOM parentNode и parentElement в JavaScript
0.00 (0%) 0 голосов

Element - Веб-технологии для разработчиков

`Element`	Chrome Полная поддержка 1	Край Полная поддержка 12	Firefox Полная поддержка 1	IE Полная поддержка 4	Опера Полная поддержка 8	Safari Полная поддержка 1.3	WebView Android Полная поддержка 1	Chrome Android Полная поддержка 18	Firefox Android Полная поддержка 4	Опера Android Полная поддержка 10.1	Safari iOS Полная поддержка 1	Samsung Интернет Android Полная поддержка 1.0
`DOMActivate` event Устаревшая Нестандартная	Хром Полная поддержка Да	Кромка Полная поддержка 79	Firefox Полная поддержка Да	IE Нет поддержки Нет	Opera Нет поддержки Нет	Safari Полная поддержка Да	WebView Android ?	Chrome Android Полная поддержка Да	Firefox Android Полная поддержка Да	Opera Android Нет поддержки Нет	Safari iOS ?	Samsung Интернет Android Полная поддержка Да
`DOMMouseScroll` event Устаревшая Нестандартная	Chrome Нет поддержки Нет	Кромка Нет поддержки Нет	Firefox Полная поддержка 1	IE Нет поддержки Нет	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка 4	Опера Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MozMousePixelScroll` event Устаревшая Нестандартная	Chrome Нет поддержки Нет	Кромка Нет поддержки ≤18 - 79	Firefox Полная поддержка Да	IE Нет поддержки Нет	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка Да	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureChange` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureEnd` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureHold` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureStart` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSGestureTap` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSInertiaStart` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка 10	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`MSManipulationStateChanged` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки 12–79	Firefox Нет поддержки Нет	IE Полная поддержка Да	Opera Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Нет поддержки Нет	Opera Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`afterscriptexecute` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки Нет	Firefox Полная поддержка 2	IE ?	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка 4	Опера Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`animate` Экспериментальная	Chrome Полная поддержка 36	Край Полная поддержка 79	Firefox Полная поддержка 48	IE Нет поддержки Нет	Opera Полная поддержка 23	Safari Полная поддержка 13.1 Полная поддержка 13,1 Полная поддержка Да Отключено Эта функция стоит за предпочтением `Web Animations` и `CSS Animations via Web Animations` .	WebView Android Полная поддержка 37	Chrome Android Полная поддержка 36	Firefox Android Полная поддержка 48	Опера Android Полная поддержка 24	Safari iOS Полная поддержка 13.4	Samsung Интернет Android Полная поддержка 3.0
`attachShadow`	Хром Полная поддержка 53	Край Полная поддержка 79	Firefox Полная поддержка 63 Полная поддержка 63 Нет поддержки 59 - 63 Отключено От версии 59 до версии 63 (эксклюзивная): эта функция находится за `dom.webcomponents.shadowdom.enabled предпочтение` (необходимо установить на `, истинное` ). Чтобы изменить настройки в Firefox, посетите about: config.	IE Нет поддержки Нет	Opera Полная поддержка 40	Safari Полная поддержка 10	WebView Android Полная поддержка 53	Chrome Android Полная поддержка 53	Firefox Android Полная поддержка 63 Полная поддержка 63 Нет поддержки 59 - 63 Отключено От версии 59 до версии 63 (эксклюзивная): эта функция находится за `dom.webcomponents.shadowdom.enabled предпочтение` (необходимо установить на `, истинное` ). Чтобы изменить настройки в Firefox, посетите about: config.	Опера Android Полная поддержка 41	Safari iOS Полная поддержка 10	Samsung Интернет Android Полная поддержка 6.0
`атрибуты`	Хром Полная поддержка 26	Край Полная поддержка 12	Firefox Полная поддержка 22	IE Полная поддержка 5.5	Опера Полная поддержка 8	Safari Полная поддержка 6	WebView Android Полная поддержка ≤37	Chrome Android Полная поддержка 26	Firefox Android Полная поддержка 22	Опера Android Полная поддержка 10.1	Safari iOS Полная поддержка 6	Samsung Интернет Android Полная поддержка 1.5
`attributeStyleMap`	Chrome Полная поддержка 66	Край Полная поддержка ≤79	Firefox ?	IE Нет поддержки Нет	Opera ?	Safari ?	WebView Android Полная поддержка 66	Chrome Android Полная поддержка 66	Firefox Android ?	Опера Android ?	Safari iOS ?	Samsung Интернет Android Полная поддержка 9.0
`auxclick` событие	Chrome Полная поддержка 55	Край Полная поддержка ≤79	Firefox Полная поддержка 53 Полная поддержка 53 Замечания Начиная с Firefox 68, событие `auxclick` используется для запуска новой вкладки при нажатии средней кнопки мыши ; ранее это было сделано с событием `click` .Приложения могут предотвращать открытие новых вкладок при нажатии средней кнопки мыши (или при нажатии средней кнопки мыши для вставки, если эта функция включена) путем перехвата `auxclick` на ссылках, а обработчики событий `auxclick` теперь могут открывать всплывающие окна без запуска блокировщика всплывающих окон.	IE Нет поддержки Нет	Opera Полная поддержка 42	Safari Нет поддержки Нет	WebView Android Полная поддержка 55	Chrome Android Полная поддержка 55	Firefox Android Полная поддержка 53	Опера Android Полная поддержка 42	Safari iOS Нет поддержки Нет	Samsung Internet Android Полная поддержка 6.0
`beforescriptexecute` event Нестандартная	Хром Нет поддержки Нет	Кромка Нет поддержки Нет	Firefox Полная поддержка 2	IE ?	Опера Нет поддержки Нет	Safari Нет поддержки Нет	WebView Android Нет поддержки Нет	Chrome Android Нет поддержки Нет	Firefox Android Полная поддержка 4	Опера Android Нет поддержки Нет	Safari iOS Нет поддержки Нет	Samsung Internet Android Нет поддержки Нет
`размытие` событие	Хром Полная поддержка 1	Край Полная поддержка 12	Firefox Полная поддержка 24 Полная поддержка 24 Нет поддержки 6–24 Замечания Интерфейс для этого события - `Event` , а не `FocusEvent` .	IE Полная поддержка 9	Опера Полная поддержка 11,6	Safari Полная поддержка 3.1	WebView Android Полная поддержка 1	Chrome Android Полная поддержка 18	Firefox Android Полная поддержка 24 Полная поддержка 24 Нет поддержки 6–24 Замечания Интерфейс для этого события - `Event` , а не `FocusEvent` .	Опера Android Полная поддержка 12.1	Safari iOS Полная поддержка 2	Samsung Интернет Android Полная поддержка 1.0
`classList`	Chrome Полная поддержка 22 Полная поддержка 22 Нет поддержки 8–22 Замечания Не поддерживается для элементов SVG.	Край Полная поддержка 16 Полная поддержка 16 Нет поддержки 12–16 Замечания Не поддерживается для элементов SVG.	Firefox Полная поддержка 3,6	IE Частичная поддержка 10 Частичная поддержка 10 Замечания Не поддерживается для элементов SVG.	Opera Полная поддержка 11,5	Safari Полная поддержка 6,1 Полная поддержка 6,1 Нет поддержки 6 - 6,1 Замечания Не поддерживается для элементов SVG.	WebView Android Полная поддержка 4.4 Полная поддержка 4,4 Нет поддержки 3 - 4,4 Замечания Не поддерживается для элементов SVG.	Chrome Android Полная поддержка 25 Полная поддержка 25 Нет поддержки 18–25 Замечания Не поддерживается для элементов SVG.	Firefox Android Полная поддержка 4	Опера Android Полная поддержка 11,5	Safari iOS Полная поддержка 7 Полная поддержка 7 Нет поддержки 5 - 7 Замечания Не поддерживается для элементов SVG.	Samsung Internet Android Полная поддержка

HTMLElement - Веб-технологии для разработчиков

Интерфейс HTMLElement представляет собой любой элемент HTML. Некоторые элементы используют этот интерфейс, другие - через промежуточный интерфейс.

 a: наведите текст {fill: # 0095DD; указатель-события: все;}

Свойства

Наследует свойства родителя, Element , и реализует их через GlobalEventHandlers и TouchEventHandlers .

HTMLElement.accessKey - ключ доступа: Эта строковая переменная DOMString отображает ключ доступа, сопоставленный элементу Element .
HTMLElement.accessKeyLabel Только для чтения: Возвращает DOMString , предоставленный ключ доступа элемента.
HTMLElement.contentEditable: Является DOMString , где значение "true" означает, что элемент доступен для редактирования, а значение "false" означает, что это не так.
HTMLElement.isContentEditable Только для чтения: Возвращает Boolean , который указывает, можно ли редактировать содержимое элемента.
HTMLElement.contextMenu: Является HTMLMenuElement , представляющим контекстное меню, связанное с элементом. Может быть null
HTMLElement.dataset Только для чтения - набор данных: Возвращает domstringmap , который позволяет получить доступ к чтению и записи пользовательских данных элемента (data- *).
HTMLElement.dir: - это DOMString , отражающая глобальный атрибут dir , представляющий направленность элемента. Возможные значения: «ltr» , «rtl» и «auto» .
HTMLElement.draggable: Логическое , указывающее, можно ли перетащить элемент.
HTMLElement.dropzone Только для чтения: Возвращает DOMSettableTokenList , отражающий глобальный атрибут dropzone и описывающий поведение элемента относительно операции отбрасывания.
HTMLElement.hidden: Логическое значение , указывающее, является ли элемент скрытым или нет.
HTMLElement.itemScope: Является логическим …
HTMLElement.itemType Только для чтения: Возвращает DOMSettableTokenList …
HTMLElement.itemId: - это DOMString …
HTMLElement.itemRef Только для чтения: Возвращает DOMSettableTokenList …
HTMLElement.itemProp Только для чтения: Возвращает DOMSettableTokenList …
HTMLElement.itemValue: Возвращает объект …
HTMLElement.lang: - это DOMString , представляющая язык атрибутов, текста и содержимого элемента.
HTMLElement.offsetHeight Только для чтения: Возвращает double , содержащее высоту элемента относительно макета.
HTMLElement.offsetLeft Только для чтения: Возвращает double , расстояние от левой границы этого элемента до его левой границы offsetParent .
HTMLElement.offsetParent Только для чтения: Возвращает Элемент , который является элементом, от которого в настоящее время вычисляются все вычисления смещения.
HTMLElement.offsetTop Только для чтения: Возвращает double , расстояние от верхней границы этого элемента до его верхней границы offsetParent .
HTMLElement.offsetWidth Только для чтения: Возвращает double , содержащее ширину элемента относительно макета.
HTMLElement.properties Только для чтения: Возвращает HTMLPropertiesCollection …
HTMLElement.проверка орфографии: Логическое значение , управляющее проверкой орфографии. Он присутствует во всех элементах HTML, но не влияет на все из них.
HTMLElement.style: - это CSSStyleDeclaration , объект, представляющий объявления атрибутов стиля элемента.
HTMLElement.tabIndex: Длинное , представляющее позицию элемента в порядке табуляции.
HTMLElement.название: - это DOMString , содержащая текст, который появляется во всплывающем окне при наведении курсора мыши на элемент.
HTMLElement.translate: Логическое значение

Обработчики событий

Большинство свойств событий в форме в XYZ определены в GlobalEventHandlers или TouchEventHandlers , реализованных HTMLElement . Еще несколько относятся к HTMLElement .

HTMLElement.oncopy: Возвращает код обработки события для события copy (баг 280959).
HTMLElement.oncut: Возвращает код обработки события cut (баг 280959).
HTMLElement.onpaste: Возвращает код обработки события paste (баг 280959).
TouchEventHandlers.ontouchstart: Возвращает код обработки события для события touchstart .
TouchEventHandlers.ontouchend: Возвращает код обработки события touchend .
TouchEventHandlers.ontouchmove: Возвращает код обработки события для события touchmove .
TouchEventHandlers.ontouchenter: Возвращает код обработки события для события touchenter .
TouchEventHandlers.ontouchleave: Возвращает код обработки события touchleave .
TouchEventHandlers.ontouchcancel: Возвращает код обработки события touchcancel .

Методы

Наследует методы от своего родительского элемента, Element .

HTMLElement.blur (): Убирает фокус клавиатуры с текущего элемента с фокусом.
HTMLElement.click (): Посылает элементу событие щелчка мыши.
HTMLElement.focus (): Делает элемент текущим фокусом клавиатуры.
HTMLElement.forceSpellCheck (): Запускает проверку орфографии на элементе.

Технические характеристики

Спецификация	Статус	Комментарий
Модуль просмотра объектной модели CSS (CSSOM) Определение 'HTMLElement' в этой спецификации.	Рабочий черновик	Добавлены следующие свойства: `offsetParent` , `offsetTop` , `offsetLeft` , `offsetWidth` и `offsetHeight` .
HTML Living Standard Определение 'HTMLElement' в этой спецификации.	Живой стандарт	Добавлены следующие свойства: `translate` , `itemScope` , `itemType` , `itemId` , `itemRef` , `itemProp` , `properties` и `itemValue` . Добавлен следующий метод: `forceSpellcheck ()` . Атрибуты `onXYZ` перемещены в интерфейс `GlobalEventHandlers` и добавлено наследование от него.
HTML5 Определение «HTMLElement» в этой спецификации.	Рекомендация	Добавлены следующие свойства: `набор данных` , `скрытый` , `tabindex` , `accessKey` , `accessKeyLabel` , `перетаскиваемый` , `dropzone` , `contentEditable` , `context, contentEditable , commandType , commandLabel , commandIcon , commandHidden , commandDisabled , commandChecked , style и все свойства onXYZ . Свойства id и className перемещены в интерфейс Element .`
Объектная модель документа (DOM) Уровень 2 Спецификация HTML Определение «HTMLElement» в этой спецификации.	Устаревшая	Без изменений по сравнению с Document Object Model (DOM) Level 2 HTML Specification
Спецификация уровня 1 объектной модели документа (DOM) Определение «HTMLElement» в этой спецификации.	Устаревшая	Первоначальное определение.

Совместимость с браузером

Элемент	Firefox (Gecko)	Хром	Internet Explorer	Opera	Safari
Базовая опора	1.0 (1.7 или ранее)	?	9	?	?
`Ключ доступа`	5.0 (5,0)	17,0	?	?	(Да) (535.10)
`accessKeyLabel`	8,0 (8,0)	?	?	?	НетБаг WebKit 72715
`размытие ()`	5,0 (5,0)	?	?	?	?
`нажмите ()`	5.0 (5,0)	?	?	?	(Да) (535,24)
`набор данных`	6,0 (6,0)	9,0	?	11,10	5,1
`фокус ()`	5,0 (5,0)	?	?	?	?
`содержание Редактируемое`	3,0 (1,9)	(Да)	5.5	9	(Да)
`проверка орфографии`	2,0 (1,8,1)	?	?	?	?
`стиль`	(Да) (возвращает `CSS2Properties` , а не `CSSStyleDeclaration` )	(Да)	(Да)	(Да)	(Да)
`forceSpellCheck ()`	Нет	Нет	Нет	Нет	Нет
`набор данных`	6.0 (6,0)	8,0	11	11,10	6
`перетаскиваемый`	(Да)	?	?	12,0	?
`dropzone`	Нет	Нет	Нет	12,0	Нет
`offsetLeft` , `offsetTop` , `offsetParent` , `offsetHeight` и `offsetWidth`	(Да)	?	(Да)	?	?
`перевод`	Нет	Нет	Нет	Нет	Нет
`itemScope` , `itemType` , `itemRef` , `itemId` , `itemProp` и `itemValue`	6.0 (6,0)	Нет	Нет	11.60 (удалено в Opera 15)	Нет
`свойства`	(Да)	?	?	?	?
`HTMLElement.ontouchstart` , `HTMLElement.ontouchend` , `HTMLElement.ontouchmove` , `HTMLElement.ontouchenter` , `HTMLElement.ontouchleave` и `HTMLElement.ontouchleave` и `.ontouchcancel`	(Да)	(Да)	Нет	?	(Да)
`HTMLElement.oncopy` , `HTMLElement.oncut` и `HTMLElement.onpaste`	3,0 (1,9)	?	?	?	?

About Me

Dashy

Js parent element: Навигация по DOM-элементам

Свойство parentElement | JavaScript справочник

Определение и применение

Поддержка браузерами

JavaScript синтаксис:

Спецификация

Пример использования

Разница между DOM parentNode и parentElement в JavaScript

Element — Веб-технологии для разработчиков

HTMLElement — Веб-технологии для разработчиков

Свойства

Event handlers

Methods

Specifications

Browser compatibility

See also

Свойство parentElement | Справочник по JavaScript

Определение и применение

Поддержка браузерами

Синтаксис JavaScript:

Спецификация

Пример использования

Разница между DOM parentNode и parentElement в JavaScript

Element - Веб-технологии для разработчиков

HTMLElement - Веб-технологии для разработчиков

Свойства

Обработчики событий

Методы

Технические характеристики

Совместимость с браузером

См. Также

Добавить комментарий Отменить ответ

Апрель 2024
Пн	Вт	Ср	Чт	Пт	Сб	Вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30