JS创建元素的三种方式

1.innerHTML

element.innerHTML = '标签字符串'

2.docuement.write()

 document.write('标签字符串')

3.document.createElement()

document.createElement('标签名')

三者区别

innerHTML 会覆盖原来元素里面的内容,并且会将新的元素直接渲染到页面上,但是不推荐用来创建表格(常用)

document.write() 也会直接渲染到页面上,并且在事件中执行的话,会覆盖原来页面的内容(慎用)

docuement.createElement() 只是在内存中创建出来一个元素,但是并没有添加到DOM树中(常用)