我现在想点一个“+”号,表格动态的添加一行,写出来了,在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>

解决方案 »

  1.   

    是否能把整个页面的源码都贴出来?
    JS在IE中和FF中运行效果不一样的问题太常见了。确实挺讨厌的。
      

  2.   

    有的IE把执行脚步文件这个选项关了,你可以在IE的选项里看看
      

  3.   


    <!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>
      

  4.   

    这次全贴出来了,我想实现点+号就增加一行,-就删除一行,但是至少要保留一行。
    就上面得这段代码在ie中不行,在FF中就行。
      

  5.   

    IE 现在不是自带JS调试的吗  你看看具体哪行报错