JavaScript 12 动态创建元素

动态创建元素

为何要动态创建元素： 输入电脑，传入之后动态的出现下拉表             

动态创建元素方法：

document.write()　　//document.write('<p>world</p>')，当点击按钮的时候会把前面的页面覆盖的生成一个新的页面显示，所以不能在事件当中使用。一般在做服务的时候使用。比如网页当中的客服窗口

element.innerHTML　　//box.element.innerHTML = "Hello <p>world</p>";　　会在标签内显示，不跳转页面。可以直接用

document.createElement()

在大量执行innerHTML的时候，由于每执行一次，都改变了DOM树，所以需要优化。将字符串赋给innerHTML；由于字符串不可变所以每次都需要开辟内存，再优化一次将数据存储到数组中，最后整体转成字符串，array.join() 

insertBefore()　　//把原始插入到页面的指定位置

replaceChild()　　//把当前元素的标签进行替换