如何隐藏table中的某几行呢?
只要为你要隐藏的行设置好id就可以了。
<table>
<tr id=aaa>
<td>aaa</td>
</tr>
<tr id=bbb>
<td>bbb</td>
</tr>
<tr>
<td>ccc</td>
</tr>
</table>
<script language="javascript">
document.getElementById("aaa").style.display="none";
document.getElementById("bbb").style.display="none";
</script>
如何用javascript动态设置td的值?
<table> <tr> <td id="tdSee"> </td> </tr> </table>
<hr />
<input id="tdStr" type="text" value="xxx" />
<input value="设置给td" type="button" onclick="changTD()" />
<script language="javascript">
function changTD(){
document.getElementById("tdSee").innerHTML=document.getElementById("tdStr").value
}
</script>
动态生成表格
<script language="javascript">
function add_row(){
if ((document.getElementById("name").value=="")||(document.getElementById("pass").value==""))
{
alert("值不能为空");
return 0;
}
var tableobj=document.getElementById("table_1");
var rowobj=tableobj.insertRow(tableobj.rows.length);
var cell1=rowobj.insertCell(rowobj.cells.length);
var cell2=rowobj.insertCell(rowobj.cells.length);
var cell3=rowobj.insertCell(rowobj.cells.length);
cell1.innerHTML=document.getElementById("name").value;
cell2.innerHTML=document.getElementById("pass").value;
cell3.innerHTML=
"<input type='button' value='删除' onclick='delete_row("+(tableobj.rows.length-1)+");leo()'>";
document.getElementById("name").value="";
document.getElementById("pass").value="";
}
function leo() //当删除一行后,对各行重新建立索引!!! ——leo
{
var tableobj=document.getElementById("table_1");
for(i=1;i<tableobj.rows.length;i++)
{
tableobj.rows[i].cells[2].innerHTML=
"<input type='button' value='删除' onclick='delete_row("+i+");leo()'>";
}
}
function delete_row(i)
{
var tableobj=document.getElementById("table_1"); alert("删除第"+i+"行");
tableobj.deleteRow(i);
}
</script>
<div align="center">
<input name="name" type="text">
<input name="pass" type="text">
<input name="add" type="button" onClick="add_row()" value="添加">
</div>
<div align="center">
<table id="table_1" border="1">
<tr> <td>帐号</td><td>密码</td><td>操作</td> </tr>
</table>
</div>
JavaScript的Table表格对象
Table对象集合 |
集合 |
描述 |
cells[] |
获取包含表格中所有单元格的数组 |
rows[] |
获取包含表格中所有行的数组 |
tBodies[] |
获取包含表格中所有tbody的数组 |
Table对象属性 |
border |
设置或获取表格边框 |
caption |
设置或获取表格标题 |
cellPadding |
设置或获取每个单元格边框与内容的宽度 |
cellSpacing |
设置或获取表格中单元格的间距 |
frame |
设置或获取表格具有哪些边框 |
rules |
设置或获取表格中的内部边框 |
summary |
设置或获取表格的描述 |
tFoot |
获取表格的tFoot对象 |
tHead |
获取表格的tHead对象 |
width |
设置或获取表格宽度 |
Table对象方法 |
createCaption() |
为表格创建一个空的标题元素 |
createTFoot() |
为表格创建一个空的tFoot元素 |
createTHead() |
为表格创建一个空的tHead元素 |
deleteCaption() |
删除表格的标题元素 |
deleteRow() |
删除指定的表格行 |
deleteTFoot() |
删除表格的tFoot元素 |
分享到:
相关推荐
javascript数据类型,javascript运算符,javascript对象创建,javascript数组.20190723
通过从浅到深的对javascript相关知识的详解~
javascript基础知识总结,详细的介绍了基础知识
JavaScript相关知识 认识动态网页相关技术
JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇JavaScript基础知识总汇
javascript知识点汇总
javascript的基础知识,快速入门,了解js的技术点,快速上手
知识点 参考 The Eloquent JavaScript, The Pro MERN Stack
这是一些 javascript 常用的用法可能考到的考点这是一些 javascript 常用的用法可能考到的考点
包括JavaScript入门相关知识整理出的word文档
JavaScript基础知识例子.zipJavaScript基础知识例子.zip
本文包括JavaScript的部分基础知识的总结
采用xmind框图导出,特别直观清晰的将javascript的知识点总结了一遍!从基本的变量到函数、对象、事件等等总结的十分全面。
本文讲了Java与JavaScript的区别。主要讲的是JavaScript的基础知识,包括JavaScript是什么,JavaScript的基本语法以及本文运用用大量的实例来讲解各种语法。
对JavaScript语言基础知识点的总结,整理出十张思维导图
JavaScript的运算符知识图谱,有助于你更好的理解JavaScript运算符
javascript 知识点图解 JavaScript 数据类型 、JavaScript 变量、Javascript 运算符、JavaScript 数组、JavaScript 函数基础、DOM 基本操作、Window 对象、JavaScript 字符串函数、正则表达式
javascript知识点总结《一》
javascript基础知识大集锦javascript基础知识大集锦javascript基础知识大集锦javascript基础知识大集锦