`
k_lb
  • 浏览: 798564 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论
  • kitleer: 据我所知,国内有款ETL调度监控工具TaskCTL,支持ket ...
    kettle调度

JavaScript相关知识

 
阅读更多
如何隐藏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元素
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics