DOM以及JavaScript操作DOM对象

DOM（document object model）：文档对象模型

document对象是浏览器内置的一个对象，里面储存着专门用来操作元素的各种方法。

DOM：页面中的标签，我们通过JS获取到之后，就把这个对象叫做DOM对象。

创建新节点

• createDocumentFragment()
• createElement()
• createTextNode()

添加 appendChild()

删除 removeChlid()

替换 replaceChild

插入 insertChild()

查找

• getElementsById() 得到一个值
• getElementsByClassName()
• getElementsByName() 多个值得到数组
• getElementsByTagName()
• querySelector()
• querySelectorAll()

属性

getAttribute(key)

setAttribute(key, value)

hasAttribute(key)

removeAttribute(key);