原生js操作dom

在这个前端框架横行的时代，还有几个人在用原生js呢？

之前因为需求问题，想要用纯原生js（不写html）写一个聊天功能的sdk。

在此整理一些原生js操作dom的常用api

1. 创建元素

window.document.createElement(tagName);

2. 添加元素

window.document.body.appendChild(element) // 添加到body，添加到其他元素类似

3. 删除元素

window.document.body.removeChild(element)      // 删除body指定元素，其他元素类似

4. 操作class

dom对象有个classList对象，专门管理class，而且该对象提供了很多方便的方法，需要操作class可以查一下dom.classList

5.操作style

dom.style是dom对象的style对象，比如dom.style.left = '10px'，就是将dom的left改为10px。还可以使用Object.assign(dom.style, styleObj)，将一个对象添加到内联元素里。

6. 事件

原生js比较麻烦的是事件的解绑。因为我们绑定事件往往是dom.addEventListener(type, fn)，使用匿名的函数来实现，但是要解绑时就麻烦了，必须传入这个fn对象，所以如果涉及到解绑的事件，在绑定时最好别用匿名函数，而应该保留这个函数的引用。

常用的就这些吧！先整理到这。