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]