元素对象属性

1 获取下一个兄弟元素 . document.querySelector('选择器名').nextElementSibling; //nextElementSibling
2获取下一个兄弟节点，包括换行. document.querySelector('选择器名').nextSibling); //nextSibling

1获取父元素. document.querySelector('选择器名').parentElement; //.parentElement
2获取父元素. document.querySelector('选择器名').parentNode //.parentNode
//parentElement 和parentNode的区别：html

console.log(document.documentElement.parentElement);   //null
console.log(document.documentElement.parentNode);     //#document节点

1获取上一个兄弟元素节点. document.querySelector('选择器名').previousElementSibling; //previousElementSibling

2获取上一个兄弟节点，包括换行. document.querySelector('选择器名').previousSibling; //previousSibling

1 获取第一个子节点. document.querySelector('选择器名').firstChild; //firstChild

2获取第一个子元素. document.querySelector('选择器名').firstElementChild; //firstElemetchild

1获取所有的子元素. document.querySelector('选择器名').children;//children

2获取所有的子节点，包括文本节点和元素节点. document.querySelector('选择器名').childNodes;//childNodes

3获取元素节点的总数. document.querySelector('选择器名').childElementCount; //childElementCount

1获取子元素的最后一个，子元素没有最后一个则是null. document.querySelector('选择器名').lastElementChild; //lastElementChild

2获取子节点最后一个，包括文本节点和元素节点.document.querySelector('选择器名').lastChild; //lastChild

元素属性的操作

元素对象的属性

1.元素上的属性名不一定等于标签上的键值对   元素对象上的类名：classNama    表签上的：class
2.对象名.属性名=值      修改或者添加属性
3.修改固有属性Value时，标签的键值对不受影响
4.不能取到标签上自定义的键值对
5.能取到对象上自定义的键值对
6.表单元素上的值，以对象属性Value为主

标签上的键值对

1.对象名.SetAttribute('key','Value')
2.对象名.SetAttribute('key')
3.可以取到标签上自定义的键值对
4.不能取到对象上自定义的键值对
5.添加固有属性，会影响元素对象属性的值

标签上固有的属性

如果设置的自定义属性能让用户看，则用SetAttribute设置在标签上，如果不让用户看则用对象名.属性名