获取元素样式、节点

189 阅读1分钟

1.获取元素类名

方法一:(设置新的类名会被覆盖掉)

1.1获取语法:元素.className

1.2设置语法:元素.className='新的类名';

方法二:

1.1获取语法:元素.classList

1.2设置语法:元素.classList.add(' ') 列如:

oDiv.classList.add('new_box')

1.3删除语法:元素.classList.remove(' ')

2.获取元素样式

2.1语法:元素.style.CSS属性(只能获取到行内样式)

2.2获取非行内样式语法:window.getComputedStyle(元素).CSS属性

3.获取DOM(元素)子节点

3.1获取子级元素节点,只获取标签节点语法:元素.children

3.2获取所有的子级节点,包括文本:元素.childNodes

4.获取DOM第一个子节点

4.1不一定是第一个子元素节点(包括文本):元素.firstChild

4.2第一个子元素节点:元素.firstElementChild

5.获取DOM最后一个子节点

5.1不一定是最后一个子元素节点(包括文本):元素.lastChild

5.2最后一个子元素节点:元素.lastElementChild

6.获取兄弟节点

6.1获取下一个兄弟节点(包括文本):元素.nextSibling

6.2获取下一个兄弟节点:元素.nextElementSibling

6.3获取上一个兄弟节点(包括文本):元素.previousSibling

6.4获取上一个兄弟节点:元素.previousElementSIbling

7.获取元素的父级节点

语法:元素.parentNode