您的位置:首页 > Web前端 > JavaScript

动态表格js兼容(ie.ff)

2010-03-02 15:32 567 查看
js代码如下:

<script type="text/javascript">

function addMore()
{
var td = document.getElementById("more");

var br = document.createElement("br");
var input = null;
if("/v"=="v"){// IE浏览器 构建方式
input = document.createElement("<input name='myfile'>");
}else{ //非IE浏览器 构建方式
input = document.createElement("input");
input.name = "myfile";
}

var button = document.createElement("input");

input.type = "file";
input.size ="10";
input.setAttribute("class","input_1");
input.setAttribute("className","input_1");

button.type = "button";
button.value = "删除";
button.setAttribute("class","input_1");
button.setAttribute("className","input_1");
button.size ="10";

button.onclick = function()
{
td.removeChild(br);
td.removeChild(input);
td.removeChild(button);
}

td.appendChild(br);
td.appendChild(input);
td.appendChild(button);

}

function del(id,resfileId){
if(!confirm('确认要删除吗?'))return;
attFileService.deleteatt(resfileId,backlog);
var tr = document.getElementById(id);
tr.parentNode.removeChild(tr);

}

</script>

如下为页面代码:

<tr>
<td class="td_label">上传文件 </td>
<td colspan="2" class="td_input">
<table id="fileId">
#foreach($resfile in $listatt)
#set($n = $velocityCount)
<tr id="$n">
<td class="td_label"><div style="width:50px">附件</div>
</td>
<td class="td_text" >
$resfile.filename
<input type="button" class="input_1" value="删除" onclick="del('$n','$resfile.id')"/>
</td>
</tr>
#end
<tr id="fileId_0">
<td class="td_label">
<div>附件</div>
</td>
<td id="more">
<input type="file" name="myfile" id="myfile" class="input_1" size="10"/>
</td>
</tr>
</table>
</td>
<td class="td_text" valign="bottom">
<input type="button" id="add" name="add" value="添加" class="input_1" onclick="addMore()"/>
<font color="red">上传文件不能超过30M</font>
</td>
</tr>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: