`

2013 1月1号javascript创建表格(第59天的学习 )

 
阅读更多
今天对于昨天的那个问题还是没有找到办法来做
我在想要是把数组里面的值对拿出来
定义成变量的话不知道行不行
分享到:
评论
1 楼 萧远山 2013-01-02  
<html>
<head>
<!--创建一个表格 width表格的大小 border表格边框厚度 cellspacing 是表格内边框直接的距离 cellpadding 每个表格的高度-->
<table width="200" border="1" cellspacing="0" cellpadding="0" id="table1">
</table>
<!--插入脚本-->
<script language="javascript">
<!--定义表格里面的值-->
var value1 = "nihao";
<!--创建5行 创建3格 新建一个tbody类型的Element节点 tbody表格的身体-->
var row = 9;
var col = 6;
var tbody = document.createElement("tbody");
<!--新建一个tr类型的Element节点 新建一个td类型的Element节点-->
for(var i=0;i<row;i++)  
{
var tr = document.createElement("tr");
for(var j=0;j<col;j++) 
{
    var td = document.createElement("td");
    <!--获得表格的值 将节点td加入tr中-->

    td.innerHTML = getValue(j);
    tr.appendChild(td);
}
<!--将节点tr加入tbody中-->
tbody.appendChild(tr);
}
<!--定位到table上 节点tbody加入节点尾部-->
var parNode = document.getElementById("table1");
parNode.appendChild(tbody);

function getValue(index)
{
var values = new Array('nihao1','nihao2','nihao3','nihao4','nihao5','nihao6') ;
return values[index];
}

</script>
</head>
<body>
</body>
</html>

相关推荐

    javascript下动态创建表格的三种方式

    ### JavaScript 下动态创建表格的三种方式 在网页开发过程中,经常需要通过JavaScript来动态地创建或更新HTML元素,其中就包括表格(`&lt;table&gt;`)。本文将详细介绍在JavaScript中动态创建表格的三种常见方法,并对每...

    javascript_动态创建表格

    ### JavaScript 动态创建表格详解 在Web开发中,经常需要使用JavaScript来动态地创建或修改HTML表格元素,以响应用户的交互操作或是展示变化的数据。本文将详细介绍如何使用JavaScript中的`appendChild()`, `...

    javaScript对表格排序

    在JavaScript中,对表格进行排序是一项常见的需求,特别是在构建交互式网页时。在这个例子中,我们探讨如何使用纯JavaScript在客户端实现表格数据的动态排序。首先,我们需要理解HTML表格的基本结构,然后学习...

    js读取json数据动态生成列数不固定的表格

    接着,我们创建了一个`&lt;table&gt;`元素,确定了表头(假设是数据的第一个对象的键),然后遍历数据数组生成相应的表格行和单元格。最后,将表头和表格行添加到表格中。实际应用中,你需要替换数据读取部分,以适应从...

    javascript 动态创建表格

    JavaScript动态创建表格是一项基础且实用的Web开发技能,它允许开发者在客户端使用JavaScript编程语言根据需要动态生成表格元素。这在处理动态数据集、创建用户交互式界面以及动态修改网页结构时尤其有用。 在本文...

    使用JavaScript制作网页可变化表格

    创建动态表格的第一步是建立一个空的表格框架。在HTML中,我们可能有如下基础结构: ```html 列1 列2 ``` 接下来,我们用JavaScript填充表格。假设我们有一个二维数组`data`存储表格数据,可以...

    javascript学习资料

    JavaScript,也被称为JS,是一种广泛应用于网页和网络应用的编程语言,主要负责客户端的动态交互。它是Web开发的三大核心技术之一,与HTML和CSS相辅相成,为互联网提供了丰富的用户体验。以下是一些关于JavaScript...

    javascript学习笔记发放1

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在客户端脚本中占据核心地位。本文将深入探讨JavaScript的基础知识,包括字符集、大小写敏感性、注释、标识符、直接量、保留字和关键字、数据类型以及使用...

    Javascript学习(apk)

    Javascript学习是Android客户端目前最全面的免费离线Javascript学习书籍,从Html入门到Html样式设计,再到Javascript,提高网页设计能力。主要内容包括: 1、Html基本标签 2、Html表单知识 3、Web2.0(Div+Css样式)...

    JavaScript基础第06天笔记.md

    # JavaScript基础第06天笔记知识点详解 ## 1. 内置对象 ### 1.1 内置对象概述 在JavaScript中,对象被分为三种类型:自定义对象、内置对象以及浏览器对象。前两者属于ECMAScript的基础部分,而浏览器对象则是...

    javascript作业题答案

    文件名“第1章”可能暗示了这是一个逐步深入的系列教程,第一章可能涵盖基础概念,如变量声明、数据类型和基本的控制结构。随着章节的深入,可能会涉及更高级的主题,如函数表达式、模块化、异步编程等。 通过仔细...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册九:字符串

    JavaScript是Web前端开发的核心语言之一,它在网页交互、数据处理和动态效果实现等方面发挥着重要作用。本手册将深入探讨JavaScript中的字符串,这是编程中常用的数据类型,对于理解和操作文本至关重要。 一、字符...

    HTML5创建表格.pdf

    在上面的示例中,我们创建了一个基本的表格,其中包括两个行和两个单元格。每个单元格都使用 &lt;td&gt; 元素标识,行使用 &lt;tr&gt; 元素标识,整个表格使用 &lt;table&gt; 元素标识。 创建表格时,我们可以使用 HTML5 的一些新特性...

    javascript+css仿excel表格效果

    通过学习这个知识点,开发者可以创建功能丰富的交互式表格,为用户提供类似Excel的操作体验。 首先,JavaScript是Web前端的主要脚本语言,它负责处理用户的交互和动态更新页面内容。在创建仿Excel表格时,...

    深入理解JavaScript系列

    本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法...

    JavaScript编写的万年历

    5. **切换年份和月份**:设置上一年、下一年、上一月、下一月的按钮,方便用户快速浏览不同时间段的日期。 在实际的“日历.html”文件中,我们可以看到HTML结构,其中包含用于显示日历的容器,以及用于用户交互的...

    javascript经典特效---半透明的表格.rar

    在JavaScript编程领域中,"半透明的表格"是一种常见的网页美化技术,它通过CSS样式和JavaScript脚本实现,使得表格部分或全部具有透明效果。这种效果可以增加网页的视觉吸引力,同时不影响表格数据的可读性。下面...

    JavaScript系统学习资料

    JavaScript是一种广泛应用于网页和网络应用的编程语言,尤其在网络开发中扮演着核心角色。它是轻量级的,通常与HTML和CSS一起使用,以实现交互性和动态功能。在"JavaScript系统学习资料"中,我们将深入理解其基础...

    JavaScript 中各种特效 源码

    这个压缩包包含了各种JavaScript实现的特效,从基础的表格、边框处理到复杂的鼠标交互、文本动画以及按钮效果,为开发者提供了一套丰富的学习资源。让我们逐一探讨这些知识点。 1. **JavaScript基础**:在了解这些...

    JavaScript权威指南(JavaScript犀牛书一本)

    《JavaScript权威指南》是JavaScript编程领域的一本经典之作,由著名技术作家David Flanagan撰写,被誉为"JavaScript犀牛书"。这本书深入浅出地讲解了JavaScript语言的核心概念、语法特性和高级特性,对于想要全面...

Global site tag (gtag.js) - Google Analytics