Проверка на родительский элемент
Привет, помогите пожалуйста с задачей. Функция принимает два элемента, и проверяет на то, является ли первый элемент родителем для второго.
isParent(document.body.children[0], document.querySelector('mark')); // true isParent(document.querySelector('ul'), document.querySelector('mark')); // false <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div> <article> <p>Lorem ipsum dolor sit amet, odio omnesque ius cu, quo ex atqui antiopam. At detracto menandri eos. Duo in causae viderer, graeci <a href="#">reprehendunt</a> has in. Decore <mark>nemore</mark> philosophia te pro, nobis legere causae ex mei, odio putant mentitum ea ius. Vix nostro deserunt explicari eu.</p> </article> </div> <ul id="list"> <li><a href="#">Link1</a></li> <li><a href="#">Link2</a></li> <li><a href="#">Link3</a></li> <li><a href="#">Link4</a></li> </ul><span></span> <a href="#">Some link</a> <script src="main.js"></script> </body> </html> document.addEventListener('DOMContentLoaded', function () { console.clear(); // код function isParent(parent, child) { } }); |
function isParent(parent, child) { return child.parentNode===parent; } |
Является ли первый элемент родителем для второго
let parent = document.body.children[0]; let child = document.querySelector('mark'); function isParent(parent, child) { if (parent.contains(child)) { console.log('Родитель содержит этот элемент'); } else { console.log('Родитель не содержит этот элемент'); } } isParent(parent, child); // Получаем в консоль ответ (Родитель содержит этот элемент) |
Часовой пояс GMT +3, время: 23:06. |