文档章节

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

没有更多内容

加载失败,请刷新页面

加载更多

java基础知识,小栗子

来操作一下数组.....注意带参数的变长数组的使用. package com.avatus;import java.util.Random;import java.util.Scanner;public class Main { public static void main(St...

Oh_really
13分钟前
0
0
SSO单点登录PHP简单版

  前面做了一个新项目,需要用户资源可以需要共享。由于之前没有做过这样的东西,回家之后,立马网站百度“单点登录”。帖子很多,甄别之后,这里列几篇认为比较有营养。   http://blog...

slagga
51分钟前
2
0
Java 泛型详解-绝对是对泛型方法讲解最详细的,没有之一

对java的泛型特性的了解仅限于表面的浅浅一层,直到在学习设计模式时发现有不了解的用法,才想起详细的记录一下。 本文参考java 泛型详解、Java中的泛型方法、 java泛型详解 1 概述 泛型在j...

hensemlee
55分钟前
2
0
Annotation注解详细介绍

目录介绍 1.Annotation库的简单介绍 2.@Nullable和@NonNull 3.资源类型注释 4.类型定义注释 5.线程注释 6.RGB颜色纸注释 7.值范围注释 8.权限注释 9.重写函数注释 10.返回值注释 11.@Keep注释...

潇湘剑雨
57分钟前
2
0
一步步编写自己的PHP爬取代理IP项目(二)

这一章节我们正式开展我们的爬虫项目,首先我们先要知道哪个网站能获取到免费代理IP,目前比较火的有西刺代理,快代理等,这里我们拿西刺代理作为例子。 这里就是一个个免费的IP地址以及各自...

NateHuang
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部