javascript在IE和Firefox中的区别1-oop

喜欢编程的鱼

首页　| 　博文目录　| 　关于我

oop_ming

博客访问： 1966968
博文数量： 606
博客积分： 9991
博客等级：中将
技术积分： 5725
用户组：普通用户
注册时间： 2008-07-17 19:07

文章分类

全部博文（606）

C-sharp（1）
数据建模（1）

UML（1）
数据挖掘（8）

文本分类（2）
服务器（2）

Apache Http serv（2）
性能调优（3）

JProfiler（3）
网络技术（1）
信息安全（4）
搜索引擎（22）

Apache Lucene Ma（1）

googleapi（3）

nutch（10）

heritrix（1）

lucene（7）
设计模式（13）

J2EE模式（2）

行为模式（4）

结构模式（1）

创建模式（3）
web（88）

FreeMarker（1）

Weblogic（3）

JSF（1）

Ajax（12）

Tomcat（5）

xml（6）

servlet（4）

JSP（19）

css（2）

javascript（30）

html（5）
开发工具（38）

Flex Builder（10）

NetBeans（0）

eclipse（28）
算法设计（6）
操作系统（30）

Linux（24）

windows（2）

Solaris（4）
数据库（65）

Memcached（2）

NoSQL（0）

MS SQL（18）

MySQL（13）

Oracle（32）
软件工程（2）
Java（249）

iBATIS（1）

junit（3）

J2ME（1）

SWT（2）

webservice（17）

quartz（6）

J2EE（11）

J2SE（80）

面试题集（2）

问题集锦（1）

其他（8）

ANT（3）

jboss（1）

hibernate（56）

spring（33）

struts（23）
未分配的博文（73）

文章存档

2011年（10）

2010年（67）

2009年（155）

2008年（386）

我的朋友

最近访客

推荐博文

javascript在IE和Firefox中的区别1

分类：

2008-07-17 22:05:58

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

<html>
2

<head>
3

<title>testtitle>
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">IDtd>
37

<td width="200">nametd>
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("");
8

radioElement.type="radio";
9

nameTDElement.appendChild(inputElement);
10

3.对select控件增加和删除Option

<html>
2

<head>
3

<title>testtitle>
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">aaaoption>
23

<option value="2">bbboption>
24

<option value="3">cccoption>
25

<option value="4">dddoption>
26

select>
27

body>
28

html>

阅读(453) | 评论(0) | 转发(0) |

上一篇：利用JGroups同步两台server之间的cache。

下一篇：javascript转换日期字符串为Date对象

给主人留下些什么吧！~~

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6