JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象

 

DOM树解释:DHTML:HTML+CSS+DOM+JAVASCRIPT 

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第1张图片

DOM树,常用标签:

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第2张图片

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第3张图片

基础点击事件:给字体加红色;

代码:

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第4张图片

效果:

HTML 节点的三种关系:

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第5张图片

代码:获取父节点,字节点,上一个兄弟节点,下一个兄弟节点:

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第6张图片

根据标签名称获取 节点对象数组;

 

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第7张图片

可以通过id,name,标签名 获取dom对象

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第8张图片

获取一个对象下的所有节点或者根据索引值获取第几个节点;代码

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第9张图片

效果:

JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象_第10张图片

 

 

 

你可能感兴趣的:(一起复习java基础)