如何通过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对象。

打开hbuilder软件新建一个html文件，在html页面上创建一个点击的button按钮。然后为button添加点击时创建一个新的div事件。使用“document.createElement()”创建一个新的div，接着使用innerHTML对新建的div设置内容，最后把div放到body显示。在html里为button按钮添加宇哥点击创建div的事件，完成之后代码就写好了，接下来需要看看效果。保存好html文件后使用浏览器打开，此时还没有创建div。最后点击button按钮，会执行脚本创建div的事件，新的div就创建好了，顺利实现了给标签添加了内容。

document.all是指文档内部的所有标签，从html开始

document.anchors指的是页面中所有的锚点，页面中锚点跳转的方法目前总结2种：

1.采用name的形式：<a href="#top"></a>在要跳往的位置设置<a name="top"></a>(记得一定要是a标签)

2.采用id的形式:<a href ="#bottom"></a>在要跳往的位置设置<div id="bottom"></div>(任意标签都可以)

小结:经过测试id的这种在document.anchors并不能获取，且document.anchors.length的个数是由有几个<a name="***"></a>决定的

document.forms指获取页面中的所有的表单form(有多少个form标签document.forms,length就是多少)

关于form表单上面常用的一些属性:

1.action:请求的地址，即表单的值发往的地址

2.method:请求的方式，值有post和get

3.enctype:请求的值怎样编码，值:

application/x-www-form-urlencoded(默认，编码，将空格转换成"+",其它特殊字符转换成ASCII-HEX值)

multipart/form-data(不编码，但是上传文件等必须用这种格式)

text/plain(将空格转换成"+")

4.name:表单的名字

5.novalidate:值为novalidate,当有此值得时候，对表单里面的值不做校验，如特殊类型email,number等

6.target:规定在何种窗口打开action的url(还可以指定窗口名字哦)

7.accept_charset:服务器端可处理的字符集（可以规定一个或者多个，用逗号隔开）

document.images指文档中的img的个数，注意通过js appendChild进去的也算

document.links指文档中间Area和link对象的个数，目前测试来说，只有area和a标签计算在其中

关于area标签的使用:(点击图像的某一块区域跳转到哪里)

area标签是和map标签配套使用的，主要使用方法和锚点的有点像，在要映射的图片(img标签)上面加入usemap的属性(usemap="#***")然后在map标签上面加入id或者name等于usemap属性的值(建议id和name都加，各浏览器不同，Google的支持name),然后用map包裹area标签

area标签的属性如下:

alt:计算此区域失败时，显示的文字

shape:此区域的形状,值有:rect或者rectangle(矩形),circle或者circ(圆形)，poly或者polygon(多边形)

href:跳转的链接，绝对连接，相对连接，锚链接(和a连接中的锚链接比较像"#***")

coords:画图形的时候的坐标,和shape配合使用，当时圆形的时候，为(x,y,r)当时矩形的时候为(x1,y1,x2,y2)两对角坐标，当是多边形的时候，为(x1,y1...xn,yn)为每个坐标点

target:规定在何种窗口下打开href,有如下几种值(href为锚链接也适用)

1._blank:在新窗口中打开

2._self:在当前窗口中打开(默认)

3._parent:在父窗口中打开

4._top：在整个窗口中打开

5.还可以自定义窗口

document.body直接拿文档中的body元素(并没有获取iframe的元素)

document.cookie直接拿文档中的所有的cookie，注意遵循cookie的原则，例如，在别的页面设置的cookie，但是在当前页面下是拿的到的，document.cookie是获取的到该值的，如果是同源的用iframe引入的，也是获取的到的

document.domain是指文档当前的服务器域名

document.lastModified是指文档被修改的最后日期

document.referrer是指载入当前文档的文档的url,有点绕是不是，对的，他并不是指当前文档的url噢，例如，当前文档是直接打开的，那么document,referrer为空，如果是通过a链接跳转过去的，则是上一个页面的url，如果是iframe载入进来的，则是承载这个iframe的父文档

document.title是指返回当前文档的标题

document.URL是指返回当前文档的url(记得url是大写的URL,小写的是获取不到的)

document.getElementById是指获取指定id的第一个元素

document.getElementsByName是指获取指定的name元素的集合，注意，name元素可能不止一个哦

document.getElementsByTagName是指获取指定元素标签的聚合，注意当输入的为‘*’，则为所有的元素，元素的排列顺序按照html的顺序来（传给document.getElementsByTagName的字符串可以不区分大小写，即div可以写成Div）

其实两者含义是差不多的，都是在文档里面写入html或者脚本，需要注意的是如果有延时等，在页面加载完了写入的时候，会重新加载文档流，导致页面之前的内容会没有了，他们的区别是用writeln的时候，文本后面会有一个换行符，在页面上面的体现是有一个空格，注意如果没有加document.open()和document.close(),会自动加上这两个，不过建议每次使用的时候手动加上

document.open(参数一，参数二)是指打开新的文档流，参数一是指打开新的文档编写的类型，参数二是指是否继承父文档的条目(测试了很多遍，不知道咋回事)

document.close（）是指关闭文档流

---