<! DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 transitional//en" "Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<title>appendChild,innerHTML,join</title>
<script type= "Text/javascript" ><!--
To add a span label using the AppendChild () method
function Appenddiv ()
{
var times=parseint (document.getElementById (' Tbtimes '). Value);
var Odiv=document.getelementbyid (' Div1 ');
var Text=document.getelementbyid (' Tbtext '). Value;
var time=new Date ();
var starttime=time.gettime ();
for (Var i=1;i<times;i++)
{
var span=document.createelement (' span ');
Span.appendchild (document.createTextNode (Text));
Odiv.appendchild (span);
}
var time1=new Date ();
var endtime=time1.gettime ();
document.getElementById (' Tbdate '). Value=endtime-starttime
}
To add a span label using the innerHTML () method
function InnerHTML ()
{
var times=parseint (document.getElementById (' Tbtimes '). Value);
var Odiv=document.getelementbyid (' Div1 ');
var Text=document.getelementbyid (' Tbtext '). Value;
var time=new Date ();
var starttime=time.gettime ();
for (Var i=1;i<times;i++)
{
odiv.innerhtml+= "<span>" +text+ "</span>";
}
var time1=new Date ();
var endtime=time1.gettime ();
document.getElementById (' Tbdate '). Value=endtime-starttime
}
Add span with push in array
function Join ()
{
var times=parseint (document.getElementById (' Tbtimes '). Value);
var Odiv=document.getelementbyid (' Div1 ');
var Text=document.getelementbyid (' Tbtext '). Value;
var time=new Date ();
var starttime=time.gettime ();
var myarray=new Array ();
for (Var i=1;i<times;i++)
{
Myarray.push ("<span>" +text+ "</span>");
}
Odiv.innerhtml=myarray.join (");
var time1=new Date ();
var endtime=time1.gettime ();
document.getElementById (' Tbdate '). Value=endtime-starttime
}
--></script>
<body>
<input type= "text" id= "Tbtext" value= "Ws_hgo"/><br/>
<input type= "text" id= "Tbtimes" value= "1000"/><br/>
<input type= "text" id= "tbdate"/><br/>
<input id= "Button1" type= "button" value= "Append" onclick= "Appenddiv" (); "/>
<input id= "Button2" type= "button" value= "InnerHTML" onclick= "InnerHTML" (); "/>
<input id= "Button3" type= "button" value= "join" onclick= "join ();"/>
<div id= "Div1" >
</div>
</body>
