原生js操作dom

dom节点操作

document.getElementById/getElementsByClassName
node.setAttribute/getAttribute//例如node.setAttribute('disabled','disabled');
node.children //获取node的所有孩子节点
node.firstElementChild //node的第一个孩子节点


//在area下第一个孩子节点前插入子节点
area.insertBefore(newNode, area.firstChild)
//在area下最后一个孩子节点后追加子节点
area.appendChild(newNode);

事件

//事件处理函数
var eventFun = function() {};
//dom结构解析完毕，所有js同步代码执行完毕，触发DOMContentLoaded
document.addEventListener('DOMContentLoaded', eventFun, false);
//等待网页全部加载完毕，包括js、css、图片，以及js异步加载的 js、css 、图片都加载完成之后
window.onload = function() {};

node.addEventListener('animationend', eventFun);