DOM 元素操作 select

2022-02-25 23:14:51 字數 853 閱讀 3393

select動態加option的問題。。

var selectid = document.getelementbyid("unselectedserver");//unselectedserver這個為select選擇器

selectid.add(new option("111","111"));這個在ie下是可用的,但在ff下不行

selectid.options.add(new option("111", "111"));這個在ie和ff下均可用,new option的時候,o要大寫,不然會報錯

for (var i = 1; i <= 5; i++) {

動態載入option

寫法一,

var ooption = document.createelement("option");

ooption.text =」dddd」;

ooption.value=」dddddddd」;

這種寫法在ff有效,在ie下只能顯示空白

由於ie和ff對dom的操作有所區別,故而導致ie下顯示為空白列表,因為在ie下必須先得到節點後方能為該節點新增子節點或者屬性值。

寫法二,

var ooption = document.createelement("option");

ooption.text =」dddd」;

ooption.value=」dddddddd」;

selectid.add(ooption);

現象二,理由很簡單,ff就是不支援add()的方式新增子節點。而ie為add做過特殊的處理,故而可以得到意向的結果。

補充,以上三種**在safari下均可以正常執行,不錯的瀏覽器,就像他的外表一樣有魅力。

Dom元素操作

把建立的p元素新增到父元素box裡 btn1.onclick function 移除父元素裡的p元素 插入元素 insertbefore 被插入的元素,參照元素 var dom document.getelementbyid dom var newdom document.createelement...

DOM元素的操作

dom元素的操作有動態建立dom元素,子父元素操作,dom元素追加,屬性設定等等.前面詳細的總結了dom元素的獲取方式,這裡複習總結一下下.使用createelement 方法建立元素 語法 document.createelement nodename 引數 nodename 引數描述 必須。建立...

操作DOM元素 1

js操作dom元素 的編寫 dom樹 傳統的html文件順序是 document html head,body 根據 dom,html 文件中的每個成分都是乙個節點。整個文件是乙個文件節點 每個 html 標籤是乙個元素節點 包含在 html 元素中的文字是文字節點 每乙個 html 屬性是乙個屬性...