Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp JS Глобальный JS конверсионный

браузер BOM

Window Navigator Screen History Location

HTML DOM

DOM Документ DOM элементы DOM Атрибуты DOM Мероприятия DOM Стиль

HTML Объекты

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

Другие объекты

CSSStyleDeclaration


 

HTML DOM parentElement Propery

<Элемент объекта

пример

Получить имя узла родительского элемента <li> элемента:

var x = document.getElementById("myLI").parentElement.nodeName;

В результате х будет:

UL
Попробуй сам "

Больше "Try it Yourself" примеры ниже.


Определение и использование

Свойство parentElement возвращает родительский элемент указанного элемента.

Разница между parentElement и ParentNode , является то , что parentElement возвращает нулевое значение , если родительский узел не является узлом элемента:

document.body.parentNode; // Returns the <html> element
document.body.parentElement; // Returns the <html> element

document.documentElement.parentNode; // Returns the Document node
document.documentElement.parentElement; // Returns null (<html> does not have a parent ELEMENT node)

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

Это свойство только для чтения.


Поддержка браузеров

Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.

Имущество
parentElement 1,0 да 9,0 да да

Синтаксис

node .parentElement

Технические подробности

Возвращаемое значение: Объект Элемент, представляющий родительский узел элемента узла, или нулевой , если узел не имеет родителя
DOM Version DOM Level 4 Элемента объект

Примеры

Еще примеры

пример

Нажмите на элемент (<span>) , чтобы скрыть свой родительский элемент (<div>) :

<div>
  <span onclick="this.parentElement.style.display = 'none';">x</span>
</div>
Попробуй сам "

<Элемент объекта