原生js选取dom

dom.childElementCount-----该dom的子元素个数；

dom.firstElementChild-----该dom的第一个子元素；

dom,lastElementChild-----该dom的最后一个子元素；

previousElementSibling-----指向上一个同辈元素；

nextElementSibling-----指向下一个同辈元素；

document.getElementsByClassName('a')-----获取拥有类名‘a’的所有dom；

document.getElementsByClassName('a','b')-----获取同时拥有类名‘a’和‘b'’的所有dom；

dom.classList.remove('a')-----删除该dom元素的类名‘a'，classList相当于一个类名数组，

　　　　classList.add(value)--将value添加到列表中，如果已经存在就不添加了；

　　　　classList.contains(value)--表示列表中是否存在给定的值；

　　　　classList.remove(value)--从列表中删除给定的字符串；

　　　　classList.toggle(value)--如果列表中已经存在给定的值，就删除它，若果没有就添加它。

document.activeElement--始终引用dom中当前获取焦点的元素（文档刚加载完成时，所保存的是body元素，文档加载期间它的值为null）；

火狐浏览器使用event对象-----var e = arguments.callee.caller.arguments[0] || window.event（因为火狐没有event这个变量）；

让整个页面变成灰色调-----给html标签加上filter:grayscale(100%);   (100%为全灰，0%为正常颜色。兼容的话需要写上，比如-webkit、-ms)；

隐藏IE浏览器中滚动条，且仍可以滚动-----通配符{-ms-overflow-style：none}、谷歌Safari通配符::-webkit-scrollbar { display:none }、Firefox通配符{ scrollbar-width:none };