JS中动态创建元素的三种方法总结(推荐)

1.动态创建元素文档。write()

例如，向页面输出一个li标签

pre class=' html ' name=' code ' span style=' font-size :12 px；script document . write(' Li 123/Li ')；/script/spanbody标记会被插入，但这种方法几乎没有用，因为这会影响页面的布局，甚至会洗掉页面的原始内容，从而只显示输出内容

2.动态创建元素2内部HTML

span style=' font-size :12 px；'body div id=' box '/div script var box=document . getelementbyid(' box ')；Box.innerHTML=' p pThis这是一个PTag/p '；/script/body/spandiv标签会插入一个P标签，并在页面上输出“这是一个标签”，当有很多标签需要添加时使用。

3.动态创建第三个元素文档

span style=' font-size :12 px；'body div id=' box '/div script var box=document . getelementbyid(' box ')；var Li=document . create element(' Li ')；//创建li标记li.innerHTML=' 123//分配框。附加子(li)到李标记；//将创建的li标签添加到box标签中，会在/script/body/spandiv标签下创建一个li标签，当需要动态创建的标签很少时使用。

以上是边肖带来的JS中动态创建元素的三种方法的总结(推荐)。希望大家多多支持我们~