js原生dom操作

//1.创建元素
var a=document.createElement("a");
var node1 = document.createElement('div');
var node2 = document.createTextNode('hello world!');
//2.添加子元素、删除子元素
document.body.appendChild(a);
document.body.removeChild(a);
//3.替换子元素
document.body.replaceChild(newele,oldele);
//4.插入子元素
document.insertBefore(newele,referele);
//5.克隆当前元素
ele.cloneNode(true) //该参数指示被复制的节点是否包括原节点的所有属性和子节点


//6.设置属性
ele.setAttribute("style","font-size:15px;color:red");
//7.获取指定属性
ele.getAttribute("href");
//8.判断、移除属性
el.hasAttribute('class');
el.removeAttribute('class');
//9.是否有属性设置
el.hasAttributes();

Dom节点六大关系

元素六大关系

dom树