javascript - What are parent and child nodes in practical use in html? - Stack Overflow

I'm really lost on this concept. I've read up on the DOM and the definitions of nodes but I s

I'm really lost on this concept. I've read up on the DOM and the definitions of nodes but I still don't really get it in a practical sense. For instance,

<div>
  <p></p>
</div>

Would <div> be the parent and <p> be the child?

I'm really lost on this concept. I've read up on the DOM and the definitions of nodes but I still don't really get it in a practical sense. For instance,

<div>
  <p></p>
</div>

Would <div> be the parent and <p> be the child?

Share Improve this question asked Apr 5, 2019 at 6:48 MarcusMarcus 531 silver badge8 bronze badges 3
  • 2 <p> is the child. Think of it like which ever is nested is the child and the one above it is its parent. – Vladimir Bogomolov Commented Apr 5, 2019 at 6:49
  • Thanks, do you have a link to some document where I could read more about that? I tried MDN and w3c but am having trouble finding relevant information – Marcus Commented Apr 5, 2019 at 6:51
  • 3 Take a look at this: w3/TR/WD-DOM/introduction.html – Donny Commented Apr 5, 2019 at 6:53
Add a ment  | 

3 Answers 3

Reset to default 4

Exactly, in your code <div> would be the parent and <p> the child. Here is a piece of code

<html>
<title>example</title>

<body>

<head>

    <div> </div>

</head>

</body>
</html>

In the code above <div> is the child of <head>, <head> child of <body> and <body> child of <html>. Starting from <html> parent of <body>, <body> parent of <head> and so on.

Yes, <div> is the parent and <p> is the child

To understand it a bit more let's add another <p>

<div>
    <p id='first-paragraph'></p>
    <p id='second-paragraph'></p>
</div>

Now <p id='first-paragraph'> and <p id='second-paragraph'> are both children of <div>

And one more fact is that they are siblings, since they are on the same level sharing the same parent (<div>)

the html structure is same like tree structure first is root that is html and elements under direct is its child and this goes on nested with elements add under this order the image may give u clear picture

发布者:admin,转转请注明出处:http://www.yc00.com/questions/1745551530a4632598.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信