元素与节点的区别:
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(属性名)