如何通过javascript动态添加标签?

可以直接用document.getElementById("divid").innerHTML = "<p>内容</p>"的方式来写。

多个可以循环进行处理。

假设段落文本是个数组：array。

可以通过for (var i = 0i <array.lengthi++) {document.getElementById("divid").innerHTML = "<p>"+array[i]+"</p>"}的方式进行处理。

延展：

如果段落过多,直接使用 div.appendChild方法会不段刷新DIV对象,影响运行速度。

正确的方法应该使用 document对象的碎片方法。

document.createDocumentFragment 容器,最后再将这些碎片返回给DIV对象比较合理，例如:

var strArrayList=[]// 创建一个段落文本数组对象，这些段落文本可能是100个也可能是1000个。

strArrayList[0]='数据111.......'

strArrayList[1]='数据.......'

strArrayList[2]='数据.......'

strArrayList[3]='数据.......'

strArrayList[4]='数据.......'

//...数据n.....

var div=document.getElementById('div1')//获得DIV对象。

var f=document.createDocumentFragment()//创建碎片对象。

for(var i=0i<strArrayList.lengthi++){

var p=document.createElement('P')//动态创建P标签。

p.appendChild(document.createTextNode(strArrayList[i]))//段落字符串。

f.appendChild(p)//附加到碎片对象中。

}

div.appendChild(f)//最后返给DIV对象。

使用jQuery动态加载UL标签中的li标签的方法：

首先获取到数据。在这里模拟创建一个数组用于测试数据集。

第二步，创建一个button点击事件。用于动态观察，同时创建ul标签下的厨师li标签元素，直观的通过点击button的点击事件来触发li标签的更改。

第三步，写入js控制代码，一开始通过remove动作先把原先的li表情清楚，接下来，使用jQuery的each方法遍历创建的data数据，并把遍历得到的数据通过append的方法加入到ul标签内。

第四步，进行验证。用浏览器打开此页面。

第五步，点击“点击加载数据”按钮。

拓展资料：

jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档 *** 作、事件处理、动画设计和Ajax交互。

1、标签制作软件中，点击软件左侧的“线段”按钮，按住shift键在画布上绘制线条，双击线段，在图形属性-基本中，根据自己的需求自定义设置线段的“线型”、“颜色”、“粗细”等，之后点击确定。

2、点击软件左侧的“实心A”按钮，在画布上绘制普通文本，双击普通文本，在图形属性-数据源中，点击“修改”按钮，删除默认的数据，在下面的状态框中手动输入固定不变的信息，点击编辑-确定。

3、点击软件上方工具栏中的“数据库设置”按钮，d出数据库设置对话框，在数据库设置对话框中，点击“添加”，选择要导入的数据库类型，根据提示点击“浏览-测试连接”-添加-关闭。

4、点击软件左侧的“实心A”按钮，绘制一个普通文本，双击普通文本，在图形属性-数据源中，点击“修改”按钮，数据对象类型选择“数据库导入”，在字段中，选择相应的字段，点击编辑，即可出现对应的内容，就可以了。

---