va亚洲va日韩不卡在线观看,久久久无码精品亚洲日韩京东传媒,久久激情亚洲精品无码?V

JavaScript學習筆記（7） IE環境下cloneNode的一個bug

cloneNode是進行DOM操作經常使用的方法，有了它我們可以很容易的克隆一個跟原來一模一樣的DOM對象，如：在動態增加table的行的時候，我們只需克隆一個table中現有的行，然后調用talbe.appendChild()方法就可以實現，而無需調用table繁瑣的DOM操作方法。但是在開發中，我發現cloneNode在對select進行克隆時卻無法克隆出當前選中的option，克隆出來的對象的options中擁有selected屬性的永遠都是第一個。

<!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

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：

<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 零全零美閱讀(1938) 評論(1) 編輯收藏所屬分類: JavaScript

常用鏈接

隨筆分類

隨筆檔案

友情鏈接

搜索

積分與排名

最新評論


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 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）變量的生命周期