自用-DOM基础操作2


document.createElement();   增加或创建元素节点(标签)——常见

document.createTextNode(); /创建文本节点

document.createComment();创建注释节点

document.createDocumentFragment();/创建文档碎片节点,最后讲

自用-DOM基础操作2

document.body.appendChild(div)        将div插入到body中

插----剪切操作

PARENTNODE.appendChild();  

自用-DOM基础操作2

自用-DOM基础操作2

PARENTNODE.insertBefore(a, b):

自用-DOM基础操作2

自用-DOM基础操作2


parent.removeChild();

自用-DOM基础操作2

替换

parent.replaceChild(new, origin);

自用-DOM基础操作2

Element节点的一些属性

innerHTML

自用-DOM基础操作2

innerText(火狐不兼容) / textContent(老版本IE不好使)

自用-DOM基础操作2

自用-DOM基础操作2

Element节点的一些方法
ele.setAttribute()

ele.getAttribute();

自用-DOM基础操作2

自用-DOM基础操作2

自用-DOM基础操作2

自用-DOM基础操作2