前端JS-Day19

动态创建元素：

document.write：直接写入页面流，会导致页面重绘。

innerHTML和createElement相似，但执行效率不同。创建内容时若采取数组形式，innerHTML耗时优于createElement。

 

 

 DOM重点核心：

 

 

DOM对于元素操作：创建、增、删、改、查、属性操作、事件操作。

创建：1.document.write  2.innerHTML  3.createElement

增：1.appendChild  2.insertBefore

删：1.removeChild

改：1.元素属性：src，href，title...  2.元素内容：innerHTML，innerText  3.表单元素：type、value、disabled  4.元素样式：style、className

查：1.DOM方法：getElementById、getElementByTagName（古老用法，不推荐使用）

　　2.H5新方法：querySelector、querySelectorAll 

　　3.节点操作获取：父（parentNode）子（children） 兄弟（previousElementSibling、nextElementSibling）

属性操作：（主要对于自定义属性）setAttribute、getAttribute、removeAttribute

事件操作：采取事件源.事件 = 事件处理程序的方式

 

高级事件：

1.注册事件（绑定事件）:addEventListener、attachEvent

 

 

2.

标签：DOM,前端,元素,innerHTML,JS,事件,操作,createElement,Day19
来源： https://www.cnblogs.com/LWHCoding/p/16654407.html