html的标签都是有一个层架关系的,简单的例子就是html中的标签都是闭合的,闭合的中间还可以嵌套其他的标签,则嵌套在某个标签里面的标签就成了这个标签的子元素,外边的元素就是父元素。
工具原料:编辑器、浏览器
1、一个div里在嵌套一个div,外边的div就是里面div的父元素,代码示例如下:
2、以上元素中id为father就是id为son的子元素,可以使用JavaScript来证明一下,如下图:
使用JavaScript的parentElement方法可以查看到id为son的父元素是id为father的div.
其中parent是children1、children2的父级元素
children1是grandchildren的父级元素
而parent是grandchildren的祖先元素(只要是上级关系都是祖先元素)
grandchildren为parent的子孙元素(后代元素)
一个元素的上一级即父元素,下一级为子元素,下N级(N>0)为后代元素