zoukankan
html css js c++ java
innerHTML,createElement
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>豪情</title> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> </head> <body> <input type="button" value="test-01" onclick="test1()" /><input type="text" name="" readonly="readonly" id="t1" /><br /> <input type="button" value="test-02" onclick="test2()" /><input type="text" name="" readonly="readonly" id="t2" /><br /> <input type="button" value="清空" onclick="clearVal()" /> <div id="div1">this is div1</div> <div id="div2">this is div2</div> <script type="text/javascript"> var d = new Date().getTime(), buf = [], div1 = document.getElementById('div1'), div2 = document.getElementById('div2'), t1 = document.getElementById('t1'), t2 = document.getElementById('t2'); function test1(){ for(var i=0; i<1000; i++){ buf.push('<div><a href="#">测试'); buf.push(i); buf.push('</a></div>'); } div1.innerHTML = buf.join(''); t1.value = '耗时:' + (new Date().getTime() - d) + ' 毫秒'; } function test2(){ for(var i=0; i<1000; i++){ var a = document.createElement('a'); var div = document.createElement('div'); a.href = '#'; a.innerHTML = '测试'; div.appendChild(a); div2.appendChild(div); } t2.value = '耗时:' + (new Date().getTime() - d) + ' 毫秒'; } function clearVal(){ div1.innerHTML = ''; div2.innerHTML = ''; t1.value = ''; t2.value = ''; } </script> </body> </html>
运行代码
查看全文
相关阅读:
python小练习
python学习笔记
google测试之道读书笔记一
webservice头部认证
我们需要什么样的测试?
pt-ioprofile在CentOS7上无法运行的解决办法
推荐Nginx系列文章
linux开启coredump的3种方法
55, select/poll returned error
centos ftp安装
原文地址:https://www.cnblogs.com/jikey/p/1833197.html
最新文章
如何用selenium webdriver 捕获js error
如何用Selenium 向CodeMirror 编辑器输入
推荐一个Jenkins 插件 Build Failure Analyzer
一次失败的Selenium chromedriver切换
Hello Docker (Docker 入门分享)
Robot Test Framework + Selenium 的几个坑
Get Jenkins job build queue length
Android ui 测试课堂笔记
JavaScript学习笔记(5)
JavaScript学习笔记(4)
热门文章
关于.NET Framework
String 与 StringBuilder
JavaScript学习笔记(3)
JavaScript学习笔记(2)
JavaScript学习笔记(1)
PHP Session生命周期[转]
Linux和Windows脚本语言
一个够得着的目标
python之迭代器、生成器
python小练习01
Copyright © 2011-2022 走看看