文档章节

JavaScript DOM操作举例 表格

听那水
 听那水
发布于 2015/04/01 22:30
字数 203
阅读 11
收藏 0

HTML:

<!DOCTYPE html>
<html>
<head>
<title>JS createTable</title>
</head>

<body>
</body>
<script>
	var myBody = document.getElementsByTagName("body")[0];
	var myTable = document.createElement("table");
	myTable.border = "1";
	for(var j=0;j<2;j++)
	{
		myTr = document.createElement("tr"); 
		for(var i = 0;i<4;i++)
		{
			myTd = document.createElement("td");
			myTr.appendChild(myTd);
		}
		myTable.appendChild(myTr);
	}
	myBody.appendChild(myTable);
	
	TD = document.getElementsByTagName("td");  
	innerText0_0 = document.createTextNode("姓名"); 
	TD[0].appendChild(innerText0_0);
	innerText0_1 = document.createTextNode("张三"); 
	TD[1].appendChild(innerText0_1); 
	innerText0_2 = document.createTextNode("性别"); 
	TD[2].appendChild(innerText0_2); 
	innerText0_3 = document.createTextNode("男"); 
	TD[3].appendChild(innerText0_3); 
	innerText1_0 = document.createTextNode("籍贯"); 
	TD[4].appendChild(innerText1_0); 
	innerText1_1 = document.createTextNode("山东"); 
	TD[5].appendChild(innerText1_1);
	innerText1_2 = document.createTextNode("籍贯"); 
	TD[6].appendChild(innerText1_2); 
	innerText1_3 = document.createTextNode("山东"); 
	TD[7].appendChild(innerText1_3);  
</script>
</html>


© 著作权归作者所有

共有 人打赏支持
听那水
粉丝 1
博文 9
码字总数 4697
作品 0
青岛
网页/平面设计
私信 提问
JS对象与Dom对象与jQuery对象之间的区别

前言 通过问题看本质: 举例: js的写法:document.getElementById('save').disabled=true; 在jquery中我是这样写的 分析: 其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象 解...

苦水润喉
08/16
0
0
DataTables_修改语言为中文及DOM介绍

效果图片 Data Tables: http://datatables.net/ Version: 1.10.0 Dom说明 定义表格控件在页面的显示顺序。 每个控件元素在数据表都有一个关联的单个字母。 l - 每页显示行数的控件 f - 检索条...

喵王不瞌睡
2015/05/02
0
0
Lab 02. Table Sorter

题目 在给定源代码:source-code.zip的基础上,完成Table sorter。 Table sorter包括JavaScript和一点CSS,能够让原始的html table变得可以分别按照各栏数据值,对各行排序。 效果 在表头任意...

yejq8
2015/05/17
0
0
javascript 垃圾回收机制

随着前端业务需求的不断增多,相比以前,我们会占用更多的内存。但是内存并不是无限的,而对于那些我们不再需要的变量、对象该怎么处理呢?难道一个一个去手动释放么?其实并不需要,Javascr...

李赫feixuan
08/07
0
0
JavaScript中的内存泄漏以及如何处理

随着现在的编程语言功能越来越成熟、复杂,内存管理也容易被大家忽略。本文将会讨论JavaScript中的内存泄漏以及如何处理,方便大家在使用JavaScript编码时,更好的应对内存泄漏带来的问题。 ...

powertoolsteam
06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

聊聊storm的AggregateProcessor的execute及finishBatch方法

序 本文主要研究一下storm的AggregateProcessor的execute及finishBatch方法 实例 TridentTopology topology = new TridentTopology(); topology.newStream("spout1", spout......

go4it
今天
3
0
大数据教程(7.5)hadoop中内置rpc框架的使用教程

博主上一篇博客分享了hadoop客户端java API的使用,本章节带领小伙伴们一起来体验下hadoop的内置rpc框架。首先,由于hadoop的内置rpc框架的设计目的是为了内部的组件提供rpc访问的功能,并不...

em_aaron
今天
4
0
CentOS7+git+github创建Python开发环境

1.准备CentOS7 (1)下载VMware Workstation https://pan.baidu.com/s/1miFU8mk (2)下载CentOS7镜像 https://mirrors.aliyun.com/centos/ (3)安装CentOS7系统 http://blog.51cto.com/fengyuns......

枫叶云
昨天
3
0
利用ibeetl 实现selectpicker 的三级联动

1. js 直接写在html页面上面,ibeetl 就可以动态地利用后台传上来的model List ,不需要每次点击都要ajax请求后台 2. 使用selectpicker 的时候,除了对selecct option的动态处理后,还需要 $("#...

donald121
昨天
3
0
Android SELinux avc dennied权限问题解决方法

1. 概述 SELinux是Google从android 5.0开始,强制引入的一套非常严格的权限管理机制,主要用于增强系统的安全性。 然而,在开发中,我们经常会遇到由于SELinux造成的各种权限不足,即使拥有“...

TreasureWe
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部