Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.02.2018, 17:50
Аспирант
Отправить личное сообщение для marc Посмотреть профиль Найти все сообщения от marc
 
Регистрация: 02.12.2017
Сообщений: 81

Проверка на родительский элемент
Привет, помогите пожалуйста с задачей. Функция принимает два элемента, и проверяет на то, является ли первый элемент родителем для второго.
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) {
        
    }
});
Ответить с цитированием
  #2 (permalink)  
Старый 08.02.2018, 18:12
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

function isParent(parent, child) {
    return child.parentNode===parent;
}
Ответить с цитированием
  #3 (permalink)  
Старый 11.05.2020, 17:10
Новичок на форуме
Отправить личное сообщение для kharkov.timur@gmail.com Посмотреть профиль Найти все сообщения от kharkov.timur@gmail.com
 
Регистрация: 11.05.2020
Сообщений: 1

Является ли первый элемент родителем для второго
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);

// Получаем в консоль ответ (Родитель содержит этот элемент)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как при наведении на родительский элемент "вкл" стили :hover::before для дочернего? Gera Herbst Events/DOM/Window 4 30.08.2015 14:41
Как узнать родительский элемент? alex_han Events/DOM/Window 6 06.12.2013 23:01
Drag-n-Drop - перетянуть элемент Jugo ExtJS 1 10.08.2011 19:10
родительский элемент vanderv jQuery 2 15.11.2010 08:21
Как узнать имеет ли родительский элемент потомков? Sc@M Events/DOM/Window 2 29.08.2008 16:00