(16)添加附件、删除附件
①注意删除:通过子获得父,去删,这样不易错。
在表格中table默认下层是tbody,而不是tr。
②表格中创建行:objTabNode.insertRow();创建行并插入到表格中
表格中创建列:objtrNode.insertCell():创建列并添加入行中
③添加单元格后,单元格内容还是标签,用objTdNode.innerHTML:”“方法
④字符串单独写,单双引号都可以。但是若有嵌套,必须是外双内单
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
table a:link,table a:visited
{
color:#6CF;
text-decoration:none;
}
table a:hover
{
color:#F00;
}
</style>
<script type="text/javascript">
function addfile()
{
//获取表格对象
var TabNode=document.getElementById("fileid");
var trNode=TabNode.insertRow();
var tdNode_file=trNode.insertCell();
tdNode_file.innerHTML="<input type='file'/>";
var tdNode_del=trNode.insertCell();
tdNode_del.innerHTML="<a href='javascript:void(0)' οnclick='delefile(this)'>删除附件</a>";
}
function delefile(node)
{
//就是删除行操作
var TtabNode=document.getElementsByTagName("tbody")[0];//不能用table来删除,因为表格默认有tbody
alert(TtabNode);
//获取此行,即a的父的父
var TrNode=node.parentNode.parentNode;
TtabNode.removeChild(TrNode);
//删除此行(规范删除方法)
//TrNode.parentNode.removeChild( TrNode);
}
</script>
</head>
<body>
<table id="fileid">
<tr>
<td><a href="javascript:void(0)" onclick="addfile()">添加附件</a></td>
</tr>
</table>
</body>
</html>