javascript在IE和Firefox中的区别1

swingboat

浏览: 61833 次
性别:
来自: 合肥

最近访客更多访客>>

时光深存少年梦

flashychen

cubase01

martin_hu

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript&DHTML&CSS

IE Firefox JavaScript HTML

1.调用appendChild方法增加input对象，设置type属性的位置

<html>
2

<head>
3

<title>test</title>
4

function test(){
6

var tbodyElement=document.getElementById("tbody1");
7

var trElement=document.createElement("tr");
8

var idTDElement=document.createElement("td");
9

idTDElement.innerHTML=1;
11

var nameTDElement=document.createElement("td");
12

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

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属性

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

<html>
2

<head>
3

<title>test</title>
4

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>

分享到：

不同时区之间，时间的转换？ | 利用div进行页面的布局2(position属性)

2007-04-11 16:33
浏览 732
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论