HTML中父元素、子元素、后代元素和兄弟元素

HTML文档中的元素有着明确的关系。

包含另一个元素的元素是被包含元素的父元素；反过来说，被包含元素是包含元素的子元素。

一个元素可以有多个子元素，但只能有一个父元素。

包含在其他元素中的元素也可能包含有别的元素，这些别的元素是其他元素的后代元素。

但这些后代元素并不是其他元素的子元素，子元素是关系最近的后代元素。

具有同一个父元素的几个元素互为兄弟元素。

<!DOCTYPE HTML>
<html><head><title>text</title></head><body><p>This is an example.</p></body>
</html>

在上述例子中，

body元素是p元素的父元素，

p元素是body元素的子元素，

head元素，body元素和p元素都是html元素的后代元素，但只有head元素和body元素是html元素的子元素，

head元素和body元素互为兄弟元素。

HTML中父元素、子元素、后代元素和兄弟元素相关推荐

CSS定位中“父相子绝”
一.定位的介绍定位有三种:相对定位(position:relative).绝对定位(position:absolute).固定定位(position:fixed) 二.三种定位的用法,特点和实例 2 ...
JQ点击改变当前元素子元素的样式，点击兄弟元素移除当前元素子元素样式
pt为当前元素,pz-li-on为父元素点击改变的样式名找到当前元素的子元素 tc-li-tt 和 tc-li-det 分别加上样式, 然后点击其他兄弟元素后,移除当前元素子元素样式代码如下: $ ...
html同级元素怎么控制,hover对同级兄弟元素以及子集元素的操作
兄弟级别的hover控制不使用JavaScript脚本,仅通过CSS来实现时有两种方法:若元素#b是元素#a的子元素,则可以通过#a #b{--}来控制#b的CSS样式. 若#a与#b是亲兄弟关系, ...
总结vue中父向子，子向父以及兄弟之间通信的几种方式
子向父方式1:通过props,如例子中子组件test1.vue向父组件App.vue传值 App.vue代码 <template><div id="app"> ...
vue中父传子，父传孙说明
先来说一下,vue中父传往子组件用v-bind绑定属性,在子页面用props接收,子传往父的用$emit this.$emit('change',data),data就是你要传的数据,change为父 ...
angularjs中父，子，兄之间controller值得传递
使用angularjs,发现controller间的值传递,比较麻烦的,以后几篇文章会陆续说几种方法. 一,angularjs $broadcast $emit $on的处理思想在一个control ...
jQuery中兄弟元素、子元素和父元素的获取
我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行 ...
css 高度塌陷_css中父元素高度塌陷是什么意思，如何解决？（附代码）
本篇文章给大家带来的内容是关于css中父元素高度塌陷是什么意思,如何解决?,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 首先得回答什么是父元素高度塌陷: 在文档流中,父元素的高度默 ...
JS DOM 编程复习笔记--父元素、子元素和兄弟元素（三）
今天我们来复习DOM中的获取父元素.子元素和兄弟元素的API,它们主要有parentNode.firstChild.firstElementChild.lastChild.lastElementChi ...
Thinking -- CSS从根解决选择前一个兄弟元素
Thinking系列,旨在利用10分钟的时间传达一种可落地的编程思想. 开发中遇到这样一个诉求:特定class的元素单独占一行,现需要针对其前一个兄弟元素增加相应标识,以使其占据所在行的剩余所有空间. ...

HTML中父元素、子元素、后代元素和兄弟元素

HTML中父元素、子元素、后代元素和兄弟元素相关推荐

最新文章

热门文章