比如要说原生js比jQuery性能好，在用对的情况下，是没问题的。
可原生js比jQuery好看....这就理解不能了。
如果单纯不喜欢 jQuery ， 使用先进写的前端框架配合 CoffeeScript ，写代码也比较容易的。
只写原生js有种造轮子不用第三方库的感觉。
记录这篇文章，在工作中一直借用一些js框架 ui框架，对js底层api有所遗忘，目的为了自己复习以下原生js操作方法，所有的js框架都是基于原生js方法和属性，尤其vue源码使用原生js开发，自底向上模式
Node 是一个接口，各种类型的 DOM API 对象会从这个接口继承。它允许我们使用相似的方式对待这些不同类型的对象；比如, 继承同一组方法，或者用同样的方式测试。
以下接口都从 Node 继承其方法和属性：
Document, Element, Attr, CharacterData (which Text, Comment, and CDATASection inherit), ProcessingInstruction, DocumentFragment, DocumentType, Notation, Entity, EntityReference
注意
NodeList对象是一个节点集合，一般由
Node.childNodes,
document.getElementsByName和
document.querySelectorAll返回
注意
打印的oTest.childNodes
TMLCollection是一个特殊的NodeList，表示包含了若干元素（元素顺序为文档流中的顺序）的通用集合，它是实时更新的，当其所包含的元素发生改变时，它会自动更新。另外，它是一个伪数组，如果想像数组一样操作它们需要像Array.prototype.slice.call(nodeList, 2)这样调用。
获取方法
document.getElementsByClassName
document.getElementsByTagName
注意
document.getElementById：根据ID查找元素，大小写敏感，如果有多个结果，只返回第一个；
document.getElementsByClassName：根据类名查找元素，多个类名用空格分隔，返回一个HTMLCollection。注意兼容性为IE9+（含）。另外，不仅仅是document，其它元素也支持getElementsByClassName方法；
document.getElementsByTagName：根据标签查找元素，*表示查询所有标签，返回一个HTMLCollection。
document.getElementsByName：根据元素的name属性查找，返回一个NodeList。
document.querySelector：返回单个Node，IE8+(含），如果匹配到多个结果，只返回第一个。
document.querySelectorAll：返回一个NodeList，IE8+(含）。
document.forms：获取当前页面所有form，返回一个HTMLCollection；
原生js操作网页
emmm
添加网页元素
移除网页元素
代码
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><style> div{ border: 1px solid black width: 100px height: 100px text-align: center }</style><body><div>div1</div><div>div2</div><script> var div = document.createElement("div") div.innerText = "这是使用js添加的元素" //添加一个div元素 document.body.appendChild(div) alert("3秒后移除div1") //移除html元素 setTimeout(function () { var divList = document.getElementsByTagName("div") divList[0].remove() },3000)</script></body>
