获取界面上的元素（文档树中的元素）

 document.createElement()   直接创建标签

document.getElementsByClassName()   创建标签容器   如果没有找到对应类名，就返回一个空的类数组

document.getElementById()   获取对应id的元素     没有找到id  就返回null      只有这个用得比较多

document.getElementsByName   获取含有对应name属性的元素

document.getElementsByTagName()  获取对应标签名的元素

getElementsBy   这个By前带s  在找不到对应的东西的元素  就返回类数组

这也是个节点对象   ，浏览器渲染不同，可以用dir看具体内容

以上内容都比较老  用得少

HTML5之后的技术：

document.querySelector()     通过选择器获取元素   只会返回文档树中符合选择器的第一个元素

document.querySelectorAll()   同上   但是会返回文档树中符合选择器的所有元素 ，并且打包放在一个类数组里 

总结：getElementById()是速度最快的方法，但是用着麻烦   

h5的超级慢，但是好用，使用更方便，功能更强大       但是快慢是相对的，其实都很快

通过关系获取：

.parentNode  .parentElement   将标签用变量保存，然后使用这两个方法，可以获取标签的父标签 

前一个是节点  后一个是元素，但是父元素只有一个，所有返回是一样的 三个等号

.childNodes   获取所有子节点       .children   这个就是获取所有子元素了，可以操作的 

.nextSibling   获取下一个兄弟节点    .nextElenmentSibling   获取下一个兄弟元素

.previousElementSibling   获取上一个兄弟元素   属于jq框架中有  以前没有

获取父节点下的某一个元素  知道是第几个元素