IE和FireFox中Table创建,事件绑定代码

//创建TR
function createTr(){
var nodeTr=document.createElement("tr");
var nodeTd=document.createElement("td");
var nodeText=createInput("filterkey","text","","ctext");
nodeTd.appendChild(nodeText);
nodeTr.appendChild(nodeTd);
nodeTd=document.createElement("td");
nodeText=createInput("filtervalue","text","","ctext");
nodeTd.appendChild(nodeText);
nodeTr.appendChild(nodeTd);
nodeTd=document.createElement("td");
nodeText=createInput("filterbutton","button","删除","cbutton");
nodeTd.appendChild(nodeText);
nodeTr.appendChild(nodeTd);
return nodeTr;
}
//创建Text/Button,js中不能使用保留关键字作为参数名称,例如name,value等
function createInput(propertyName,propertyType,propertyVal ue,propertyClass){
var element = '';
try{
element = document.createElement("<input type="&quot;+propertyType+&quot;" name="&quot;+propertyName+&quot;" value="&quot;+propertyValue+&quot;">");
}catch(e){
element = document.createElement("input");
element.setAttribute("type",propertyType);
element.setAttribute("name",propertyName);
element.setAttribute("value",propertyValue);
}
element.setAttribute("className",propertyClass);
element.setAttribute("class",propertyClass);
if(propertyType=="button"){
if (document.all)
element.attachEvent("onclick",deleteFilterRule);
else
element.addEventListener("click",deleteFilterRule,false);
}
return element;
}
//在指定元素之后添加
function appendAfter(nodeId){
var node=document.getElementById(nodeId);
var nn=createTr();
if(node.parentNode){
if(node.nextSibling){
node.parentNode.insertBefore(nn,node.nextSibling);
}else{
node.parentNode.appendChild(nn);
}
}
}
//删除元素
function deleteFilterRule(nodeId){
var jsFirstTr=document.getElementById("firstTr");
var nodeDelete=null;
var nodeParent=jsFirstTr.parentNode;
if(nodeId=='allRule'){
while(jsFirstTr.nextSibling){
nodeDelete=jsFirstTr.nextSibling;
nodeParent.removeChild(nodeDelete);
}
}else{
var event = arguments[0]||window.event;
var nodeDelete = event.srcElement || event.target;//event.srcElement---IE,event.target---FireFox
nodeDelete=nodeDelete.parentNode.parentNode;
nodeParent.removeChild(nodeDelete);
}
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值