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

 

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

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

DOM树,常用标签:

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

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

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

代码:

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

效果:

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

HTML 节点的三种关系:

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

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

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

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

 

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

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

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

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

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

效果:

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