【Web前端学习之路】JavaScript必会DOM / BOM操作03（黑马课程笔记）

1、动态创建元素

• document.write（<标签名></标签名>）

特点:直接将内容写入页面的内容流,但是当文档流执行完毕时,会导致页面全部重绘,即另起一个页面,页面中其他东西会丢失

• element.innerHTML = '<a href=" ">'</a>

 

• document.creatElement

总结:innerHTML创建多个元素效率更高(但是不要用拼接字符串形式,要采取数组形式),结构稍复杂

        creatElement()创建多个元素效率稍低一些,但结构更清晰

2、注册（绑定）事件

传统注册方式：利用on开头的事件如onclick、onmouseover等，特点是注册事件的唯一性，同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数会覆盖前面的。

事件监听注册方式：addEventListener()方法，特点是同一个元素同一个事件可以注册多个监听器。

eventTarget.addEventListener(type,listener,[可选 useCaptu