Vlastnost parentElement HTML DOM
Příklad
Získejte název uzlu nadřazeného prvku prvku <li>:
var x = document.getElementById("myLI").parentElement.nodeName;
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost parentElement vrací nadřazený prvek zadaného prvku.
Rozdíl mezi parentElement a parentNode je ten, že parentElement vrátí hodnotu null , pokud nadřazený uzel není uzlem prvku:
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)
Ve většině případů nezáleží na tom, kterou vlastnost použijete, nicméně parentNode je pravděpodobně nejoblíbenější.
Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
parentElement | 1.0 | Yes | 9.0 | Yes | Yes |
Syntax
node.parentElement
Technické údaje
Návratová hodnota: | Objekt Element, který představuje uzel nadřazeného prvku uzlu, nebo má hodnotu null , pokud uzel žádného rodiče nemá |
---|---|
Verze DOM | Objekt prvku DOM úrovně 4 |
Další příklady
Příklad
Kliknutím na prvek (<span>) skryjete jeho nadřazený prvek (<div>):
<div>
<span onclick="this.parentElement.style.display = 'none';">x</span>
</div>