好学IT学院：IT信息技术分享交流平台
好学网>>好学IT学院>软件开发技术>>Web前端技术
javascript在IE和Firefox中的区别1
标签：JS  来源：互联网  作者：NC_Editor  发布时间：2008-02-19  ★★★〖加入收藏〗〖手机版〗
摘要：1.调用appendChild方法增加input对象，设置type属性的位置1 html2head3titletest/title4script language="javascript"5function test()6var tbody……

1.调用appendChild方法增加input对象，设置type属性的位置
 　　1  <html>
 2　　<head>
 3　　<title>test</title>
 4　　<script language="javascript">
 5　　function test(){
 6    　　var tbodyElement=document.getElementById("tbody1");
 7    　　var trElement=document.createElement("tr");
 8    　　var idTDElement=document.createElement("td");
 9    　　
10    　　idTDElement.innerHTML=1;
11    　　var nameTDElement=document.createElement("td");
12    　　
13    　　var inputElement=document.createElement("input");
14    　　nameTDElement.appendChild(inputElement);
15    　　inputElement.type="button"; 
16    　　//在IE中，这句话将会抛出异常，但在firefox能正常运行，如果type为text或者不设置type属性，也都能正常运行
17    　　inputElement.value="Invoke";
18    　　/**//*
19    　　修改成下面的语句就能正常运行：
20    　　var inputElement=document.createElement("input");
21    　　inputElement.type="button";
22    　　nameTDElement.appendChild(inputElement);
23    　　*/
24    　　
25    　　tbodyElement.appendChild(trElement);
26    　　trElement.appendChild(idTDElement);
27    　　trElement.appendChild(nameTDElement);
28　　}
29　　</script>
30　　</head>
31　　<body>
32    　　<input type="button" value="insert" onclick='test()'>
33    　　<table cellpadding="0" cellspacing="0" border="1">
34        　　<tbody id='tbody1'>
35            　　<tr>
36                　　<td width="50">ID</td>
37                　　<td width="200">name</td>
38            　　</tr>
39        　　</tbody>
40    　　</table>
41　　</body>
42  </html>  
2.appendChild一个radio对象，设置该对象的name属性
 1  var nameTDElement=document.createElement("td"); 
 2  var radioElement=document.createElement("input");
 3  radioElement.type="radio";
 4  nameTDElement.appendChild(inputElement);
 5  radioElement.name="testRadioName";  //这句话在firefox是起作用的，但在IE下是不起作用的
 6  /**//*解决的办法是
 7  var radioElement=document.createElement("<input name='testRadioName'>");
 8  radioElement.type="radio";
 9  nameTDElement.appendChild(inputElement);
10  */
3.对select控件增加和删除Option
 1  <html>
 2　　<head>
 3　　<title>test</title>
 4　　<script language="javascript">
 5　　function deleteRow(){
 6    　　var selectElement=document.getElementById("select1");
 7    　　selectElement.options.remove(1);  //IE:OK    　　Firefox:Failure
 8    　　selectElement.remove(1);      　　//IE:OK    　　Firefox:OK
 9　　}
10　　function insertRow(){
11    　　var selectElement=document.getElementById("select1");
12    　　var option=new Option("eeee",5);    　　
13    　　selectElement.add(option);    　　//IE:OK    　　Firefox:Failure
14    　　selectElement.options.add(option);//IE:OK    　　Firefox:OK
15　　}
16　　</script>
17　　</head>
18　　<body>
19　　<input type="button" value="Delete" onclick='deleteRow()'>
20　　<input type="button" value="Insert" onclick='insertRow()'>
21　　<select id="select1">
22    　　<option  value="1">aaa</option>
23    　　<option  value="2">bbb</option>
24    　　<option  value="3">ccc</option>
25    　　<option  value="4">ddd</option>
26　　</select>
27　　</body>
28  </html>

javascriptFirefox