标签：DOM 前端 元素 innerHTML JS 事件 操作 createElement 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

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。