我现在想点一个“+”号,表格动态的添加一行,写出来了,在ie中没反应也不报错。在FF中一切正常。
大家帮我看看问题出在哪里啊 。。
var ta1 = document.createElement("textarea");
var ta2 = document.createElement("textarea");
var ta3 = document.createElement("textarea");
var ta4 = document.createElement("textarea");
ta1.setAttribute("id","title");
ta1.setAttribute("name","title");
ta1.setAttribute("cols","35");
ta2.setAttribute("id","content");
ta2.setAttribute("name","content");
ta2.setAttribute("cols","80");
ta3.setAttribute("id","ration");
ta3.setAttribute("name","ration");
ta4.setAttribute("id","planDay");
ta4.setAttribute("name","planDay");
ta4.setAttribute("readonly","readonly");
ta4.setAttribute("onfocus","WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyyMMdd',alwaysUseStartDate:true})");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td4 = document.createElement("td");
td1.setAttribute("align","center");
td1.setAttribute("colspan","2");
td2.setAttribute("align","center");
td2.setAttribute("colspan","4");
td3.setAttribute("align","center");
td4.setAttribute("align","center");
var rt = document.createElement("tr");
rt.setAttribute("id","tr");
td1.appendChild(ta1);
td2.appendChild(ta2);
td3.appendChild(ta3);
td4.appendChild(ta4);
rt.appendChild(td1);
rt.appendChild(td2);
rt.appendChild(td3);
rt.appendChild(td4);
var tb = document.getElementById("addTable");
tb.appendChild(rt);表格的原样:<table border="1" id="addTable" name="addTable">
<tr>
<td align="center" colspan="2"><textarea id="title" name="title" cols="35"></textarea></td>
<td align="center" colspan="4"><textarea id="content" name="content" cols="80"></textarea></td>
<td align="center"><textarea id="ration" name="ration"></textarea></td>
<td align="center"><textarea id="planDay" name="planDay" readonly="readonly" onfocus=
"WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyyMMdd',alwaysUseStartDate:true})"></textarea></td>
</tr>
</table>
大家帮我看看问题出在哪里啊 。。
var ta1 = document.createElement("textarea");
var ta2 = document.createElement("textarea");
var ta3 = document.createElement("textarea");
var ta4 = document.createElement("textarea");
ta1.setAttribute("id","title");
ta1.setAttribute("name","title");
ta1.setAttribute("cols","35");
ta2.setAttribute("id","content");
ta2.setAttribute("name","content");
ta2.setAttribute("cols","80");
ta3.setAttribute("id","ration");
ta3.setAttribute("name","ration");
ta4.setAttribute("id","planDay");
ta4.setAttribute("name","planDay");
ta4.setAttribute("readonly","readonly");
ta4.setAttribute("onfocus","WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyyMMdd',alwaysUseStartDate:true})");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td4 = document.createElement("td");
td1.setAttribute("align","center");
td1.setAttribute("colspan","2");
td2.setAttribute("align","center");
td2.setAttribute("colspan","4");
td3.setAttribute("align","center");
td4.setAttribute("align","center");
var rt = document.createElement("tr");
rt.setAttribute("id","tr");
td1.appendChild(ta1);
td2.appendChild(ta2);
td3.appendChild(ta3);
td4.appendChild(ta4);
rt.appendChild(td1);
rt.appendChild(td2);
rt.appendChild(td3);
rt.appendChild(td4);
var tb = document.getElementById("addTable");
tb.appendChild(rt);表格的原样:<table border="1" id="addTable" name="addTable">
<tr>
<td align="center" colspan="2"><textarea id="title" name="title" cols="35"></textarea></td>
<td align="center" colspan="4"><textarea id="content" name="content" cols="80"></textarea></td>
<td align="center"><textarea id="ration" name="ration"></textarea></td>
<td align="center"><textarea id="planDay" name="planDay" readonly="readonly" onfocus=
"WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyyMMdd',alwaysUseStartDate:true})"></textarea></td>
</tr>
</table>
JS在IE中和FF中运行效果不一样的问题太常见了。确实挺讨厌的。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head>
<meta name="generator" content="HTML Tidy, see www.w3.org">
<script type="text/javascript">
function past(){
var da = document.getElementById("count").value;
var ct = parseInt(da) + 1;
document.getElementById("count").value = ct;
var ta1 = document.createElement("textarea");
var ta2 = document.createElement("textarea");
var ta3 = document.createElement("textarea");
var ta4 = document.createElement("textarea");
ta1.setAttribute("id","title"+ct);
ta1.setAttribute("name","title"+ct);
ta1.setAttribute("cols","35");
ta2.setAttribute("id","content"+ct);
ta2.setAttribute("name","content"+ct);
ta2.setAttribute("cols","80");
ta3.setAttribute("id","ration"+ct);
ta3.setAttribute("name","ration"+ct);
ta4.setAttribute("id","planDay"+ct);
ta4.setAttribute("name","planDay"+ct);
ta4.setAttribute("readonly","readonly");
ta4.setAttribute("onfocus","WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyyMMdd',alwaysUseStartDate:true})");
var td1 = document.createElement("td");
var td2 = document.createElement("td");
var td3 = document.createElement("td");
var td4 = document.createElement("td");
td1.setAttribute("align","center");
td1.setAttribute("colspan","2");
td2.setAttribute("align","center");
td2.setAttribute("colspan","4");
td3.setAttribute("align","center");
td4.setAttribute("align","center");
var rt = document.createElement("tr");
rt.setAttribute("id","tr"+ct);
td1.appendChild(ta1);
td2.appendChild(ta2);
td3.appendChild(ta3);
td4.appendChild(ta4);
rt.appendChild(td1);
rt.appendChild(td2);
rt.appendChild(td3);
rt.appendChild(td4);
var tb = document.getElementById("addTable");
tb.appendChild(rt);
}
function cut(){
var da = document.getElementById("count").value;
var ct = parseInt(da);
if(ct == 1){
return false;
}
var rt = document.getElementById("tr"+ct);
var tb = document.getElementById("addTable");
tb.removeChild(rt);
document.getElementById("count").value = ct - 1;
}
</script> <title></title>
</head> <body>
<input type="button" value="+" onclick="past()"> <input
type="button" value="-" onclick="cut()"> <input type=
"hidden" id="count" name="count" value="1">
<hr> <table border="1" id="addTable" name="addTable">
<tr>
<td align="center" colspan="2"><textarea id=
"title1" name="title1" cols="35">
</textarea></td> <td align="center" colspan="4"><textarea id=
"content1" name="content1" cols="80">
</textarea></td> <td align="center"><textarea id="ration1" name=
"ration1">
</textarea></td> <td align="center"><textarea id="planDay1" name=
"planDay1" readonly="readonly" onfocus=
"WdatePicker({startDate:'%y-%M-01 00:00:00',dateFmt:'yyyyMMdd',alwaysUseStartDate:true})">
</textarea></td>
</tr>
</table>
</body>
</html>
就上面得这段代码在ie中不行,在FF中就行。