cells在Javascript中有什么作用?小白知识_表格基础知识教程

在Javascript中,cells可以获取表格中某一行所有单元格的集合,可以通过索引获取集合中的指定td单元格。下面本篇文章就来给大家介绍一下Javascript的cells,希望对大家有所帮助。cells可以获取表格中某一行所有单元格的集合,可以通过索引获取集合中的指定单元格,即返回表格中所有

元素。语法:tableObject.

cells在Javascript中有什么作用?小白知识

在Javascript中,cells可以获取表格中某一行所有单元格的集合,可以通过索引获取集合中的指定td单元格。下面本篇文章就来给大家介绍一下Javascript的cells,希望对大家有所帮助。

cells在Javascript中有什么作用?小白知识_表格基础知识教程

cells可以获取表格中某一行所有单元格的集合,可以通过索引获取集合中的指定单元格,即返回表格中所有 <td> 或 <th> 元素。

语法:

tableObject.cells

属性值:

  • length:返回集合中 <td> 或 <th> 元素的数目。

方法:

  • [name_or_index]:一个整数,指定元素检索位置(从0开始)

  • item(name_or_index):返回集合中的指定索引的元素

  • namedItem(name):返回集合中指定名称索引的元素索引

示例:使用 cells 来显示出第一行单元格的数量:

<!DOCTYPE html>
<html>

	<head>
		<meta charset=" utf-8">
		<script type="text/javascript">
			window.onload = function() {
				var otable = document.getElementById("thetable");
				var otrbt = document.getElementById("trbt");

				otrbt.onclick = function() {
					var rows = otable.rows;
					trcell.innerHTML = "第一行中单元格数量是:" + rows[1].cells.length;
				}
			}
		</script>
	</head>

	<body>
		<table id="thetable" border="1">
			<tr>
				<td>序号</td>
				<td>教程</td>
				<td>介绍</td>
			</tr>
			<tr>
				<td>1</td>
				<td>javascript教程</td>
				<td>javascript的知识点</td>
			</tr>
			<tr>
				<td>2</td>
				<td>div css教程</td>
				<td>div+css的知识点</td>
			</tr>
		</table>
		<ul>
			<li><input type="button" id="trbt" value="显示第一行单元格的数量" /></li><br />
			<li id="trcell"></li>
		</ul>
	</body>

</html>

浏览器支持:

  • IE浏览器支持此属性。

  • edge浏览器支持此属性。

  • 谷歌浏览器支持此属性。

  • opera浏览器支持此属性。

  • 火狐浏览器支持此属性。

  • safria浏览器支持此属性。

海计划公众号
(0)
上一篇 2020/03/20 06:49
下一篇 2020/03/20 06:49

您可能感兴趣的内容

  • quickchart基础指南_一种从URL生成图表图像的服务

    quickchart基础指南 官方网址:https://quickchart.io/ GitHub:https://github.com/typpo/quickchart 简介描述…

    2020/03/10
  • Vue 3 对 Web 应用性能的改进菜鸟教程下载_vue3攻略教程

    有关即将发布的 Vue.js 的第 3 个主要版本的信息越来越多。通过下面的讨论,虽然还不能完全确定其所有内容,但是我们可以放心地认为,它将是对当前版本(已经非常出色)的巨大改进。 Vue 团队在改进框架 API 方面做得非常出色。 尤雨溪将 Vue 3 的目标描述为:使其更快使其更小使其更易于维护使其更容易定位到本地让你的生活更轻松通过查看 RFC 并进行

    2020/03/23
  • 凤凰网科技入门教程_直击真相的科技媒体

    凤凰网科技入门教程 官方网址:http://tech.ifeng.com/ 简介描述:直击真相的科技媒体 凤凰网科技频道,以全球视角,第一时间呈现最新科技资讯、独到的观点和前沿的科…

    2020/03/06
  • Html5标签——Html5新增标签的含义和使用指南教程_含义入门知识

    HTML 5 是一个新的网络标准,目标在于取代现有的 HTML 4.01, XHTML 1.0 and DOM Level 2 HTML 标准。它希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash, Microsoft Silverlight,

    2020/04/06
  • 初识Nest.js小白基础_Nest.js菜鸟教程

    前言最近在学习研究 Nest 框架,但是在学习过程中除了参考翻阅官方文档外国内几乎没有多少资料能系统的讲解 Nest 的相关内容,所以打算想通过我自己学习的角度讲解下 Nest 框架,不知道能坚持多久,也可能有错误或遗漏的地方,欢迎大家批评指正。下面我学习 Nest 的主要信息来源,在编写过程中还会有其他途径获取的信息会在文末给出:官网:https://ne

    2020/03/20
  • store入门知识_使用localStorage和sessionStorage的更好方法

    store入门知识 GitHub:https://github.com/nbubna/store 简介描述:使用localStorage和sessionStorage的更好方法 一…

    2020/03/11
  • 滑动验证码原理实现基础教程_验证小白教程

    滑动验证码在很多网站逐步流行起来,一方面对用户体验来说,比较新颖,操作简单,另一方面相对图形验证码来说,安全性并没有很大的降低。当然到目前为止,没有绝对的安全验证,只是不断增加攻击者的绕过成本。总的来说:滑动验证码是根据用户在滑动滑块的响应时间,拖拽速度,时间,位置,轨迹,重试次数等来评估风险。其交互时序图,可以如下概括:滑动验证码的意义 常见验证码是需要

    2020/04/03
  • 网站建设如何设计更符合用户需求的线框入门知识_需求新手入门

    网站线框是网站建设过程中的关键组成部分,必须确定将在页面上显示哪些信息,以及如何流动,网站建立了基本消息流,就可以添加一些细节了,需要定义布局和间距,可用性约定和信息层次结构。消息需要使用字体大小,什么类型的图像,在哪里放置元素。用户可能会以非常不同的方式切换设备,例如用户可能首先在移动设备上浏览网站,在网站上的某些布局选择可能会在移动设备上被破坏,例如面板

    2020/03/23
  • AR / MR / VR / XR有什么区别?入门百科_VR小白攻略

    新兴技术往往有一个缩略词与之对应,虚拟现实(VR)、增强现实(AR)、混合现实(MR)和扩展现实(XR)也不例外。接下来的任务就是要理清这些缩略词背后的真正含义。需要特别注意的是,虽然这些技术来源不一,实现目标不一,但都用到了类似的技术。如,3D和AI都是必须的。那么这些词代表的概念和定义到底是什么呢?虚拟现实(Virtual Reality VR)虚拟现实

    2020/04/05
  • 初始WebWorker基础知识入门_线程使用说明

    基本概念JS单线程:我们都知道JavaScript它是一个单线程的语言,同一时间只能做一件事。比如:在浏览器中,某一时刻我们在操作DOM,你们这个时刻我们就不能去运行JavaScript代码,反过来也是,当我们在运行JavaScript代码的时候,我们也不能去操作DOM,这个也就是JS的单线程。为什么要JS成单线程?因为在浏览器环境下,如果是多线程的,也就是

    2020/03/29
  • Js中按位操作符的有趣应用入门基础_运算菜鸟教程网

    JavaScript提供了几种运算符,可以对一些简单的值进行基本操作,比如算术操作、赋值操作、逻辑操作、按位操作等。我们经常可以看到混合了赋值操作,算术操作和逻辑操作的JavaScript代码。但是,按位操作的代码就不是那么常见了。JavaScript的按位操作符~ — 按位非& — 按位与| — 按位或^ — 按位异或<> — 有符号右移>>

    2020/03/26
  • web认证机制菜鸟知识_机制基础知识

    引言以前对认证这方面的认识一直不太深刻,不清楚为什么需要token这种认证,为什么不简单使用session存储用户登录信息等。最近读了几篇大牛的博客才对认证机制方面有了进一步了解。Basic Auth这种认证直接顺应HTTP协议的无状态性,每次执行业务的时候,都暴力地附带username与password参数,并将其发送给服务器进行验证。尽管在服务器端可以优

    2020/03/31
  • CyberChef入门基础知识_用于加密、编码、压缩和数据分析Web应用程序

    CyberChef入门基础知识 官方网址:https://gchq.github.io/CyberChef GitHub:https://github.com/gchq/Cyber…

    2020/03/07
  • 写给Web工程师的DNS知识入门零基础入门_DNS入门知识

    你是不是对 DNS 记录的一些概念不太了解,比如 A 记录、CNAME、AlIAS 等。。下面让我们一起来学习一下~1 简介为了访问 www.savokiss.com 这个域名,你的电脑需要知道服务器在网络中的位置。这意味着:你的电脑必须知道 IP 地址才能跟服务器进行通信。而域名系统 (Domain Name System) 正是为解决这个问题而生。2 记

    2020/03/23
  • Performance使用说明js中计算网站性能监控利器_js知识教程视频

    Perform作为前端工程师,无论是业务需要还是我们对于自己开发的Web站点的要求,往往都有性能监测以及数据上报的需求。而Performance API除了简单易用对前端工程师极其友好的特点之外,还有能提供高精确度的时间测量(千分之一毫秒)这个特点。1.Performance方法Performance提供的方法可以灵活使用,获取到页面加载等标记的耗时情况。p

    2020/04/03
  • 阻止form表单提交事件方法总汇零基础入门_form入门百科

    有时候我们在表单进行提交前需要进行表单验证,如果验证不通过,那么就需要阻止表单提交的默认行为,下面介绍两种阻止此默认行为的方式。 方式1:给form标签的添加表单提交事件onsubmit=”return false;”<form onsubmit="return change()" id="myForm" method="POST" role="form"

    2020/03/20