JS实现向表格行添加新单元格的方法_javascript技巧_脚本之家

本文实例讲述了JS实现向表格行添加新单元格的方法。分享给大家供大家参考。具体如下:

www.hj8828.com,JS实现向表格行添加新单元格的方法

这篇文章主要介绍了JS实现向表格行添加新单元格的方法,涉及javascript针对表格进行动态操作的技巧,需要的朋友可以参考下

 

 

本文实例讲述了JS实现向表格行添加新单元格的方法。分享给大家供大家参考。具体如下:

下面的JS代码可以想表格中指定id的行插入新的单元格

?

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

<!DOCTYPE html>

<html>

<head>

<script>

function insCell()

{

var x=document.getElementById(‘tr1’).insertCell(0);

x.innerHTML="The famous";

}

</script>

</head>

<body>

<table border="1">

<tr id="tr1">

<td>Peter</td>

<td>Griffin</td>

</tr>

</table>

<br>

<input type="button" onclick="insCell()" value="Insert cell">

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

这篇文章主要介绍了JS实现向表格行添加新单元格的方法,涉及javascript针对表格进行动态操作的技巧,需…

JS获取表格内指定单元格html内容的方法,js单元格

本文实例讲述了JS获取表格内指定单元格html内容的方法。分享给大家供大家参考。具体如下:

下面的代码先通过表格对象的rows获得指定的行的所有单元格数组,然后定位指定的单元格,通过单元格的innerHTML属性获得单元格的html内容

<!DOCTYPE html>
<html>
<head>
<script>
function cell()
{
var x=document.getElementById('myTable').rows[0].cells;
alert(x[0].innerHTML);
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>cell 1</td>
<td>cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
</tr>
</table>
<br>
<input type="button" onclick="cell()"
value="Alert first cell">
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

本文实例讲述了JS获取表格内指定单元格html内容的方法。分享给大家供大家参考。具体如…

下面的JS代码可以想表格中指定id的行插入新的单元格

相关文章

相关搜索:

今天看啥

搜索技术库

返回首页

  • IOS8天气应用可以显示细节数据技巧
  • php数组随机排序实现方法
  • ASP.NET中ServerPush用法实例分析
  • IDisposable接口
  • Java与微信不得不说的故事——实现微信公众
  • Java:
    面向对象程序设计(下),面向对象程序

相关频道:
HTML/CSS  HTML5  Javascript  jQuery  AJax教程  前端代码  正则表达式  Flex教程  WEB前端教程