当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

javascript获取table的行数与列数

减小字体 增大字体 作者:佚名     来源:asp编程网  发布时间:2018-12-30 8:58:03

今天在弄一个js幻灯片的时候,由于js是外部引用的,并且其中指定了一个具体图片数量,不利于我在程序中循环,所以最后要找一个使用js来获取table的列数。
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html
charset=gb2312" />
<
title>
无标题文档<
/title>
<
script type="text/javascript" language="javascript">
function init()
{ var table =document.getElementById("table1")
var rows = table.rows.length
alert('行数'+rows)
var colums = table.rows[0].cells.length
alert('列数'+colums)
}<
/script>
<
/head>
<
body >
<
table width="80%" border="1" id="table1">
<
tr>
<
td>
百度<
/td>
<
td>
163网易<
/td>
<
td>
www.K88.NET<
/td>
<
td>
google<
/td>
<
/tr>
<
tr>
<
td>
22
<
/td>
<
td>
21
<
/td>
<
td>
34
<
/td>
<
td>
12
<
/td>
<
/tr>
<
/table>
<
/body>
<
/html>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


javascript获取table的行数与列数