DOM-Element() 对象

Posted 乜**乜

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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(属性名)


 

以上是关于DOM-Element() 对象的主要内容,如果未能解决你的问题,请参考以下文章

Element节点

JS-element(元素对象)

JavaScript基础20——element对象

element ui table排序sortable三种状态,怎么去掉默认状态

element对象

THML DOM / Element 对象操作