零全零美(www.zzgwt.com)
生活中的很多事情,并不像If...Else那么简单!
BlogJava
首页
新文章
联系
管理
posts - 96,comments - 52,trackbacks - 0
<
2008年11月
>
日
一
二
三
四
五
六
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
1
2
3
4
5
6
常用链接
我的随笔
我的评论
我的参与
最新评论
随笔分类
apache组件(4)
JavaScript(14)
jbpm(6)
oracle(5)
PL/SQL(1)
SEO(3)
tomcat(5)
ubuntu(16)
安全相关(26)
数据库
正则表达式(6)
设计模式(3)
随笔档案
2012年9月 (1)
2012年7月 (3)
2012年6月 (2)
2009年11月 (36)
2009年10月 (18)
2009年9月 (1)
2009年2月 (1)
2009年1月 (1)
2008年11月 (9)
2008年9月 (1)
2008年8月 (1)
2008年7月 (4)
2008年6月 (2)
2008年5月 (6)
2008年4月 (11)
友情链接
www.modaotea.com
茶艺培训 茶楼管理
www.website371.com
郑州做网站 郑州网站建设 郑州做网站公司 郑州网站优化 郑州网站制作
河南省大井科技有限公司(www.zzgwt.com)
搜索
积分与排名
积分 - 149902
排名 - 409
最新评论
1. re: 正则表达式学习笔记(1) 行的开始和结束、字符组、连字符、脱字符、用"."去匹配任意字符
赞
--性感电子
2. re: Apache httpd+Jk+Tomcat实现JAVA服务器配置全解析(1):基础环境搭建
什么嘛,我就是不懂这些才搜索的,我最需要的就是你省略的部分,如何配置安装,唉,又得继续找资料了。
--吐槽
3. re: JavaScript学习笔记(1)变量的生命周期
写的很好
--fwd
4. re: SELinux学习(1):Can't connect to MySQL server on 'ip' (13) 的解决方案
没玩过这东西啊呵呵
--台式万用表
5. re: [原创]巧用System.getProperty()编译现有工程的java文件
你不能用ANT吗?
--DB Compare Tool
JavaScript学习笔记(7) IE环境下cloneNode的一个bug
cloneNode是进行DOM操作经常使用的方法,有了它我们可以很容易的克隆一个跟原来一模一样的DOM对象,如:在动态增加table的行的时候,我们只需克隆一个table中现有的行,然后调用talbe.appendChild()方法就可以实现,而无需调用table繁琐的DOM操作方法。但是在开发中,我发现cloneNode在对select进行克隆时却无法克隆出当前选中的option,克隆出来的对象的options中拥有selected属性的永远都是第一个。
1
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
>
2
<
html
>
3
<
head
>
4
<
title
>
CloneNode.html
</
title
>
5
<
script
type
="text/javascript"
>
6
function
$(id)
{
7
return
document.getElementById(id);
8
}
9
10
window.onload
=
function
()
{
11
document.body.appendChild($(
"
txt
"
).cloneNode(
true
));
12
document.body.appendChild(document.createElement(
"
<p>
"
));
13
document.body.appendChild($(
"
select
"
).cloneNode(
true
));
14
}
15
</
script
>
16
</
head
>
17
<
body
>
18
<
form
>
19
<
input
type
="text"
name
="txt"
id
="txt"
value
="测试一下CloneNode之后还有没有值"
style
="width:300px"
/>
20
<
select
id
="select"
name
="select"
>
21
<
option
value
=""
>
请选择
</
option
>
22
<
option
value
="1"
selected
>
1
</
option
>
23
<
option
value
="2"
>
2
</
option
>
24
<
option
value
="3"
>
3
</
option
>
25
</
select
>
26
</
form
>
27
</
body
>
28
</
html
>
29
下面是调用document.write($("select").cloneNode(true).outerHTML)后打印的HTML:
1
<
SELECT
id
=select
name
=select
>
2
<
OPTION
value
=""
selected
>
请选择
</
OPTION
>
3
<
OPTION
value
=1
>
1
</
OPTION
>
4
<
OPTION
value
=2
>
2
</
OPTION
>
5
<
OPTION
value
=3
>
3
</
OPTION
>
6
</
SELECT
>
以上代码在FireFox下运行正常,但在IE中不正常!
posted on 2008-11-24 13:08
零全零美
阅读(1927)
评论(1)
编辑
收藏
所属分类:
JavaScript
FeedBack:
#
re: JavaScript学习笔记(7) IE环境下cloneNode的一个bug
2008-11-26 10:24 |
鬼火
在cloneNode select时还有其他问题。我cloneNode了一个select。然后给他赋了其他ID。但是在document.getElementById()的时候。分别搜2个select是搜不到的。只能搜到clone的那个。另外select.innerHTML= select2.innerHTML的时候似乎也有些问题。
回复
更多评论
新用户注册
刷新评论列表
只有注册用户
登录
后才能发表评论。
网站导航:
博客园
IT新闻
知识库
C++博客
博问
管理
相关文章:
[原创]巧用System.getProperty()编译现有工程的java文件
几个JavaScript语法高亮工具
【转】關於 IE6/7 不支援 Element 自訂方法屬性繼承的可行解決方案
JavaScript学习笔记(7) IE环境下cloneNode的一个bug
JavaScript学习笔记(6) 通过延迟触发使onDbClick时不触发onClick事件
JavaScript学习笔记(5)事件处理之事件流与事件处理函数分配
JavaScript学习笔记(4)表格排序
JavaScript学习笔记(3)数组排序以及在汉字排序中localeCompare()方法的使用
JavaScript学习笔记(2) 使用DOM编写浏览器兼容的Table操作
JavaScript学习笔记(1)变量的生命周期