DOM-Element（） 对象

 

元素与节点的区别：

1）通过节点访问或操作HTML页面内容：

1.元素节点：表示HTML页面中的标签

2.属性节点：表示HTML页面中标签的属性

3.文本节点：表示HTML页面中标签的文本内容

2）通过元素访问或操作 HTML页面内容：

元素：表示 HTML页面中的标签

遍历元素：

1.获取父元素（指定标签查找其父元素） （parentElement）

注：parentNode 表示获取指定元素的父节点。这个父节点可能是元素节点，也可能是文档节点。

parentElement 表示获取指定元素的父元素节点。该元素没有父节点，或者它的父节点不是?一个元 素节点，则返回 null 。

2.获取子元素（指定标签查找其子元素） （firstElementChild ：获取指定标签的第一个子元素）

（lastElementChild ：获取指定标签的最后一个子元素）

（children ：获取指定标签的所有子元素）

注：childNodes 返回指定元素的子元素集合，包括 HTML 节点、所有属性、文本节点。

children 返回指定元素的子元素集合，但它只返回 HTML 元素节点。

3.获取兄弟元素（指定标签查找兄弟元素） （previousElementSibling : 获取指定节点的前一个兄弟节点）

（nextElementSibling : 获取指定节点的后一个兄弟节点）

 

title：鼠标悬停

获取属性

1.getArribute（获取HTML页面标签的指定属性值） 语法：元素.getArribute（属性名）

2.setArribute（增加HTML页面标签的指定属性） 语法：元素.setArribute（属性名，属性值）

3.removArribute（删除HTML页面标签的指定属性值） 语法：元素.removArribute（属性名）

4.hasArribute（判断HTML页面标签的是否含有属性） 语法：元素.hasArribute（属性名）