html的标签都是有一个层架关系的，简单的例子就是html中的标签都是闭合的，闭合的中间还可以嵌套其他的标签，则嵌套在某个标签里面的标签就成了这个标签的子元素，外边的元素就是父元素。
工具原料：编辑器、浏览器
1、一个div里在嵌套一个div，外边的div就是里面div的父元素，代码示例如下：
<body><div id="father">
<div id="son"> </div>
</div>
</body>
2、以上元素中id为father就是id为son的子元素，可以使用JavaScript来证明一下，如下图：
使用JavaScript的parentElement方法可以查看到id为son的父元素是id为father的div.
html中父级元素，首先需要理解，如果你什么都不去编写的话，父级元素就是就是这个窗口，或者说是body，但一般而言，在网页中body继承下来的属性不会常有，现在一般都是通过div+css的布局，所以现在一般都是那个总的div为父级元素，一般id都会命名为main，它下面的这些元素，如p，a都是属于它的子级元素，具体可以看下代码：<html>
<head>
<style>
#main{
width:600px
height:300px
font-size:13px
//父级的元素，设定好的字体大小，对子级元素都有影响
}
</style>
</head>
<body>
<div
id='main'>
<p>测试文字</p>
<a
href=''>我是测试文字</a>
</div>
</body>
</html>
1、打开编辑工具editplus，点击editplus菜单栏上的【File】-->New -->HTML page。
2、新建好html页面后，editplus自动帮助我们生成了框架，先把title修改下，然后保存。
3、在body区域里添加了子，父，祖父三级div，代码如下。
4、演示代码写好后，打开浏览器，在浏览器上运行看看效果。
5、下面在head区域里添加实现js获取最高父级的代码，代码具体如下，这样利用了while循环来判断的。
6、实现好后，保存代码，此时再到浏览器上刷新访问，看下，此时d出对话框告诉最后父级是zufu。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）