DOM操作总结

创建元素

1.Document.write() [不推荐]

括号里面写上要添加的字符串，如果在一个加载完成的文档上调用会清除原来文档的内容，在新的文档中显示括号里的内容。

2.Document.innerHTML = " "

设置 innerHTML 的值可以替换新的内容

3.Document.createElement()

document.createElement(tagName);
(innerHTML采用数组的方式来创建元素时，执行效率要比createElement高)

增加元素

1.element.appendChild(aChild)

将括号里的元素增加到element元素的尾部

2.parentNode.insertBefore(newNode, referenceNode);

父节点.insertBefore(要插入的节点，插入哪一个节点(的前面))

删除元素

1.element.removeChild(child);

child是要删除的节点

修改元素属性

1.修改元素属性：src，href等

2.修改元素内容：innerHTML，innerText

innerHTML可以解析内容中的html标签
innerText只能单纯的修改内容

3.修改表单元素

通过value来修改内容

4.修改元素样式

可以修改style，className

获取DOM元素

1.getElementNameById，getElementByTagName

通过id名和标签名来获取元素

2.querySelector，querySelectorAll

新用法，querySelector可以找到第一个是这个标签的元素，querySelectorAll可以找到所有是这个标签的元素

3.通过节点来获取元素

父节点parentNode（)，子节点children（）firstElementChild lastElementChild

事件操作

1.现在是通过：事件源.事件类型 = function（）来操作

【中午一小会时间随便写的学习到的东西，有很多很多不完善的地方都需要再看看资料，都需要再进行补充，随便看一看就好。】