Cha và con trong JavaScript là gì?

nút. Phương thức chứa () được sử dụng để kiểm tra xem một nút đã cho có phải là hậu duệ của một nút khác ở bất kỳ cấp độ nào không. Hậu duệ có thể trực tiếp là cha mẹ của đứa trẻ hoặc xa hơn nữa trong chuỗi. Nó trả về một giá trị boolean của kết quả. Phương thức này được sử dụng trên phần tử cha và tham số được truyền trong phương thức là phần tử con cần kiểm tra. Nó trả về true nếu đứa trẻ là hậu duệ của cha mẹ. Điều này có nghĩa là phần tử là con của cha mẹ.  

cú pháp.  

function checkParent(parent, child) {
    if (parent.contains(child))
        return true;
        return false;
}

Thí dụ.  

html




<style>

    .parent,

    .child,

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
0

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
2

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
4

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
6

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
8

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9style>

<58_______3 style<5<6<7<3>

<style1>

    style4

    style6

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9style1>

<>1 >2<5>4>5

    <>1 >2<5    1    2

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9>1>

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9>1>

<>1 >2<5.parent,4>

    .parent,7

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9>1>

<    2    3

        5_______61_______2>

<    2.child,0

    58_______.child,3 >2<5.child,6.child,7.child,3_______60_______

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9    2>

<    2    5

    <.child,3 >2<5

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
01.child,7.child,3_______60_______

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9    2>

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
08

<1_______10

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
11_______58_______5
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
13>

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
16

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
10>

<

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
21_______60_______

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
24

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
26

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
27_______1_______28

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
30

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
8

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
33

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
35

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
37

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
39

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
41

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
33

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
44

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
46

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
33

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
49

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
27_______1_______51

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
1
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
53

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
27_______1_______55

    

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
8

function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
9
function checkParent(parent, child) {
    let node = child.parentNode;

    // keep iterating unless null
    while (node != null) {
        if (node == parent) {
            return true;
        }
     node = node.parentNode;
     }
   return false;
}
21>

đầu ra

Cha và con trong JavaScript là gì?

Làm cách nào để kiểm tra xem một phần tử có phải là con của cha mẹ hay không bằng JavaScript?

Phương pháp 2. Vòng qua cha mẹ của đứa trẻ đã cho

Phần tử con có thể được kiểm tra để có phần tử cha đã cho bằng cách lặp liên tục lần lượt qua phần tử cha của phần tử. Cha của mỗi nút được tìm thấy bằng cách truy cập thuộc tính parentNode trả về nút cha nếu có. Một vòng lặp while được sử dụng cho đến khi tìm thấy phần tử cha được yêu cầu hoặc không còn phần tử cha nào tồn tại. Bên trong vòng lặp này, nút cha của mỗi phần tử được tìm thấy trong mỗi lần lặp. Nếu nút cha khớp với nút đã cho trong bất kỳ lần lặp nào, điều đó có nghĩa là phần tử đó là con của nút cha.  

Cha mẹ trong JavaScript là gì?

Phương thức parent() trả về phần tử cha trực tiếp của phần tử được chọn . cây DOM. Phương pháp này chỉ duyệt qua một cấp duy nhất của cây DOM. Để duyệt qua tất cả các phần tử gốc của tài liệu (để trả về ông bà hoặc tổ tiên khác), hãy sử dụng phương thức parent() hoặc parentUntil().

Con trong JavaScript là gì?

Thuộc tính con chỉ đọc trả về một HTMLCollection trực tiếp chứa tất cả các phần tử con của phần tử mà nó được gọi . Yếu tố. trẻ em chỉ bao gồm các nút phần tử. Để nhận tất cả các nút con, bao gồm các nút không phải phần tử như nút văn bản và nhận xét, hãy sử dụng Nút.

Phần tử cha và phần tử con là gì?

Cha mẹ và Con cái . Trong sơ đồ bên dưới,
là cha của . Phần tử con là một phần tử nằm ngay bên dưới và được kết nối với một phần tử trong cây tài liệu. A parent is an element that is directly above and connected to an element in the document tree. In the diagram below, the
is a parent to the
    . A child is an element that is directly below and connected to an element in the document tree.

Sự khác biệt giữa parentElement và parentNode trong JavaScript là gì?

Phương thức parentNode sẽ luôn trả về phần tử cha, nhưng parentElement sẽ trả về null nếu phần tử cha không phải là phần tử .