swingboat 发表于 2013-2-7 14:52:44

javascript在IE和Firefox中的区别1

1.调用appendChild方法增加input对象,设置type属性的位置
   <div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;"> 1http://www.blogjava.net/Images/OutliningIndicators/None.gif  <html>
 2http://www.blogjava.net/Images/OutliningIndicators/None.gif    <head>
 3http://www.blogjava.net/Images/OutliningIndicators/None.gif    <title>test</title>
 4http://www.blogjava.net/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedBlock.gif    <script language="javascript">http://www.blogjava.net/Images/dot.gif
 5http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif    function test()http://www.blogjava.net/Images/dot.gif{
 6http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        var tbodyElement=document.getElementById("tbody1");
 7http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        var trElement=document.createElement("tr");
 8http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        var idTDElement=document.createElement("td");
 9http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        
10http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        idTDElement.innerHTML=1;
11http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        var nameTDElement=document.createElement("td");
12http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        
13http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        var inputElement=document.createElement("input");
14http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        nameTDElement.appendChild(inputElement);
15http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        inputElement.type="button";  
16http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        //在IE中,这句话将会抛出异常,但在firefox能正常运行,如果type为text或者不设置type属性,也都能正常运行
17http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        inputElement.value="Invoke";
18http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.blogjava.net/Images/OutliningIndicators/ContractedSubBlock.gif        /**//*
19http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        修改成下面的语句就能正常运行:
20http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        var inputElement=document.createElement("input");
21http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        inputElement.type="button";
22http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        nameTDElement.appendChild(inputElement);
23http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif        */
24http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        
25http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        tbodyElement.appendChild(trElement);
26http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        trElement.appendChild(idTDElement);
27http://www.blogjava.net/Images/OutliningIndicators/InBlock.gif        trElement.appendChild(nameTDElement);
28http://www.blogjava.net/Images/OutliningIndicators/ExpandedSubBlockEnd.gif    }
29http://www.blogjava.net/Images/OutliningIndicators/ExpandedBlockEnd.gif    </script>
30http://www.blogjava.net/Images/OutliningIndicators/None.gif    </head>
31http://www.blogjava.net/Images/OutliningIndicators/None.gif    <body>
32http://www.blogjava.net/Images/OutliningIndicators/None.gif        <input type="button" value="insert" onclick='test()'>
33http://www.blogjava.net/Images/OutliningIndicators/None.gif        <table cellpadding="0" cellspacing="0" border="1">
34http://www.blogjava.net/Images/OutliningIndicators/None.gif            <tbody id='tbody1'>
35http://www.blogjava.net/Images/OutliningIndicators/None.gif                <tr>
36http://www.blogjava.net/Images/OutliningIndicators/None.gif                    <td width="50">ID</td>
37http://www.blogjava.net/Images/OutliningIndicators/None.gif                    <td width="200">name</td>
38http://www.blogjava.net/Images/OutliningIndicators/None.gif                </tr>
39http://www.blogjava.net/Images/OutliningIndicators/None.gif            </tbody>
40http://www.blogjava.net/Images/OutliningIndicators/None.gif        </table>
41http://www.blogjava.net/Images/OutliningIndicators/None.gif    </body>
42http://www.blogjava.net/Images/OutliningIndicators/None.gif  </html> 
页: [1]
查看完整版本: javascript在IE和Firefox中的区别1