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>
运行代码
查看全文
相关阅读:
超媒体
超文本
视频文件格式
web.py 模板错误记录
pip常用记录
微信公众号绑定服务器 Flask版
scrapy 简单防封
python 手写队列
jQuery个人总结
PHP用url传递数组
原文地址:https://www.cnblogs.com/jikey/p/1833197.html
最新文章
linux磁盘分区与启动流程
(9)vue 组件
(8)vue 表单
(7) vue 事件
(5)vue 增强绑定Class和Style
(4)vue 计算属性和侦听器
(3)vue 模板
(2)vue 创建实例
(1)vue 安装
程序员要注意身体健康
热门文章
Eclipse常用快捷键和调试方法
JSP编译指令与动作指令
JavaBean
JSP慕课网阶段用户登录小例子(不用数据库)
JSP慕课网之application、page、pageContext、config、exception
SQL数据库基本语句
死锁的四个必要条件及死锁的预防与避免
恶意软件--》木马、病毒、蠕虫
HTML5--》点击显示隐藏内容
HTML5--》details
Copyright © 2011-2022 走看看