javascript的页面元素动态添加和删除

[ 2004-12-27 03:00:03 | 作者: dodo ]
字体大小: | |
removeNode,FF不支持,所以自己写了一个函数,现在IE,FF都支持了
引用
<form action="voteedit" method="post" name="form1">
<div class="contentt"></div><div class="contentm">
<div class="padd">
<p><strong>修改投票</strong></p>

<table id="DocList">
<tr><th>主题:</th><td><input type="text" name="title" size="46" value="asdfasdf" />
  
    <font color=red></font>
<input type="hidden" value="6" name="oid"></td></tr>
<tr><th>类型:</th><td><input type="radio" name="type" value="1" checked>单选<input type="radio" name="type" value="0" >多选</td></tr>

  
    <font color=red></font>
<tr><th>投票选项:</th><td><input type="text" name="name" size="36" value="sdfsdf" />
<input type="hidden" name="infoId" value=64></td></tr>
<tr><th>投票选项:</th><td><input type="text" name="name" size="36" value="sfsdf" />
<input type="hidden" name="infoId" value=63></td></tr>
<input type="hidden" value="1" name="status">
<input type="hidden" value="6" name="voteId">
</table>
<input value="增加投票选项" type="button" onclick="FInsert()">
<input value="减少投票选项" type="button" onclick="FDelete()">

</p>

<script>
function FInsert()
{
var _row = document.getElementById("DocList").rows[2].cloneNode(true);
document.getElementById("DocList").rows[2].parentNode.appendChild( _row );
var newrow = document.getElementById("DocList").rows.length - 1;
document.getElementById("DocList").rows[newrow].cells[1].childNodes[0].value="";
document.getElementById("DocList").rows[newrow].cells[0].innerHTML="投票选项其他:";

}
function FDelete()
{

if ( document.getElementById("DocList").rows.length > 4 )
{

document.getElementById("DocList").rows[document.getElementById("DocList").rows.length - 1].cells[0].innerHTML=""
removeNode(document.getElementById("DocList").rows[document.getElementById("DocList").rows.length - 1])
}
else
{
alert("投票选项至少要有两项");
}
}

function removeNode(n){
if(n.hasChildNodes()){
for(var i=0;i<n.childNodes.length-1;i++){
n.parentNode.insertBefore(n.childNodes[i].cloneNode(true),n);
}
}
n.parentNode.removeChild(n);
}
</script>

</div>
</div>
<div class="contentb"></div><br />
<div class="submit">
<a href="#" onclick="document.form1.submit();return false;">  修改投票</a></div>

</form>


[最后编辑于 dodo, at 2005-12-27 03:01:05]
永久地址 永久地址: /feed.asp?q=comment&id=114

浏览模式: 阅读全文 | 评论: 2 | 引用: 199 | Toggle Order | 阅读: 6115
引用 AAAAAA*
[ 2010-06-09 09:01:48 ]
[confused]

发表评论
表情
[smile] [confused] [cool] [cry]
[eek] [angry] [wink] [sweat]
[lol] [stun] [razz] [redface]
[rolleyes] [sad] [yes] [no]
[heart] [star] [music] [idea]
打开 UBB 编码
自动识别链接
显示表情
隐藏的评论
验证码 * 请输入验证码