文档树

DOM(Document Object Model)

• DOM Core

• DOM HTML

• DOM Style

• DOM Event

节点遍历

IoUsSibling //node节点的上一个兄弟节点
node.nextSibling    //node节点的下一个兄弟节点

节点类型

• ELEMENT_NODE（元素节点）

• TEXT_NODE（文本节点）

• COMMENT_NODE（不常用）

• DOCUMENT_TYPE_NODE（不常用）

元素遍历

IoUsElementSibling //node节点的前一个兄弟元素节点

节点操作

• 获取节点

• 创建节点

• 插入节点

• 修改节点

• 删除节点

获取节点

• getElementById

Box = document.createElement('div');
Box.innerHTML = tpl;
var list = Box.getElementsByClassName('j-flag');
list[0].src = '/imgurl.jpg';
list[1].innerText = 'my name is netease';

 原文链接：https://www.f2er.com/note/422410.html