用js创建标签
2024-09-07 22:06:56
html部分:
<div id="div_1">
<table id="tab"></table>
</div>
js部分:
window.onload = function(){
//定义一个数组
var arr = [[1,1,1,1],[2,2,2,2],[3,3,3,3],[4,4,4,4]];
//初始化数据,页面加载完成后调用函数
put(arr);
}
//定义函数put
function put(newarr){
//找到table标签
var tab_1 = document.getElementById('tab');
//遍历二维数组
for(var i=0;i<newarr.length;i++){
//创建标签tr
var tr_1 = document.createElement('tr');
//遍历二维数组里的一维数组
for(var j=0;j<newarr[i].length;j++){
//创建标签td
var td_1 = document.createElement('td');
//td的内容
td_1.innerHTML = newarr[i][j];
//将tr的子标签设置为td
tr_1.appendChild(td_1);
}
//将table的子标签设置为tr
tab_1.appendChild(tr_1);
}
}
最新文章
- docker——容器安装tomcat
- 使用Unified Communications Managed API获取Lync在线会议的链接地址
- iOS 摇一摇的功能
- .Net判断一个对象是否为数值类型探讨总结(高营养含量,含最终代码及跑分)
- 数据库中用varbinary存储二进制数据
- oracle创建存储过程
- FK JavaScript之:ArcGIS JavaScript添加Graphic,地图界面却不显示
- HTML5 UI框架Kendo UI Web教程:创建自定义组件(三)
- Python之ftplib模块
- 你所不了解的setTimeout
- Python成长笔记 - 基础篇 (四)函数
- [PCL]4 PCL中图像匹配的几个类图
- 【leetcode❤python】387. First Unique Character in a String
- shader 语言 【转】
- 自学JAVA总结
- 精美的 ( Android, iPhone, iPad ) 手机界面设计素材和线框图设计工具
- LeetCode 之 Triangle
- Spinnerd的功能和用法
- 启动Tomcat提示:指定的服务未安装
- GCC:/usr/lib/libstdc++.so.6: version GLIBCXX_3.4.15 not found
热门文章
- Visual Studio 2010 error C2065: &#39;_In_opt_z_&#39; : undeclared identifier 编译错误
- hexo next中遇到的bug,引发出的关于jquery中click()函数和on("click",function())的区别
- error LNK1104: 无法打开文件“C:\Users\Administrator\Desktop\....\\xxxx.exe”
- Hadoop完全分布式配置
- spring-data-JPA repository自定义方法规则
- Android 开发 MediaRecorder视频录制入门
- web.xml中多个Servlet执行顺序的问题!
- DOS命令大全【转】
- angular管道操作符的使用
- Spring boot配置Dubbo三种方式