DOM-Element() 对象

mac2022-06-30  20

 

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

 

转载于:https://www.cnblogs.com/LLXC/p/7470803.html

最新回复(0)