首頁新文章聯系

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

常用鏈接

隨筆分類

隨筆檔案

友情鏈接

www.modaotea.com
茶藝培訓茶樓管理
www.website371.com
鄭州做網站鄭州網站建設鄭州做網站公司鄭州網站優化鄭州網站制作
河南省大井科技有限公司(www.zzgwt.com)

搜索

積分與排名

積分 - 151624
排名 - 404

最新評論

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

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 零全零美閱讀(1941) 評論(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新聞 Chat2DB 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）變量的生命周期