午夜在线亚洲男人午在线,亚洲福利中文字幕在线网址,婷婷亚洲综合一区二区

JavaScript學(xué)習(xí)筆記（7） IE環(huán)境下cloneNode的一個bug

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

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

下面是調(diào)用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 零全零美閱讀(1939) 評論(1) 編輯收藏所屬分類: JavaScript

常用鏈接

隨筆分類

隨筆檔案

友情鏈接

搜索

積分與排名

最新評論


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




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: [原創(chuàng)]巧用System.getProperty()編譯現(xiàn)有工程的java文件幾個JavaScript語法高亮工具【轉(zhuǎn)】關(guān)於 IE6/7 不支援 Element 自訂方法屬性繼承的可行解決方案 JavaScript學(xué)習(xí)筆記（7） IE環(huán)境下cloneNode的一個bug JavaScript學(xué)習(xí)筆記（6）通過延遲觸發(fā)使onDbClick時不觸發(fā)onClick事件 JavaScript學(xué)習(xí)筆記（5）事件處理之事件流與事件處理函數(shù)分配 JavaScript學(xué)習(xí)筆記（4）表格排序 JavaScript學(xué)習(xí)筆記（3）數(shù)組排序以及在漢字排序中l(wèi)ocaleCompare()方法的使用 JavaScript學(xué)習(xí)筆記（2）使用DOM編寫瀏覽器兼容的Table操作 JavaScript學(xué)習(xí)筆記（1）變量的生命周期