Разное

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 свойства parentElement
Пример использования JavaScript свойства parentElementJavaScript Node

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

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

  • 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) ? ? ? ?

See also

Свойство 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 свойства parentElement
Пример использования свойств JavaScript parentElementJavaScript Node

.

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

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

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

    Синтаксис:

     узел.parentNode 

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

    Пример:

    < html >

    2

    0

    0

    0

    0

    0

    0

    0

    < стиль >

    p {

    цвет: зеленый;

    }

    стиль >

    < p > GeeksForGeeks33 p

    < 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 

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

    Пример:

    < html >

    2

    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) ? ? ? ?

    См. Также

    .

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *