黑馬程序員_學習日記61_707Dom3(節點操作、不同瀏覽器的差異)

一、節點操作

node 節點 包括元素節點(標籤)、文本節點、屬性節點

element 元素節點(標籤)

    

nodeName 標籤的名稱

nodeType 節點的類型 1是元素節點,2是屬性節點,3是文本節點,8是註釋節點

nodeValue 只能獲取文本節點和註釋節點的內容

 

childNodes[] 標準屬性(IE中忽略空白,其他瀏覽器不忽略),獲取所有直接子節點,包括文本節點、屬性節點和註釋節點

children[] 雖然不是標準屬性,但大部分瀏覽器都支持。只獲取元素節點

parentNode 獲取父節點

nextSibling 獲取下一個兄弟姐妹節點

previousSibling 獲取上一個兄弟姐妹節點

 

removeChild() 移除節點

appendChild() 添加節點

 

二、表單對象:

onsubmit只有當點擊submit按鈕時才被觸發,調用表單的submit函數不會觸發onsubmit

 

三、不同瀏覽器的差異

面試題:說說開發項目的時候不同瀏覽器的不同點,你是怎麼解決的?

(一)   不同瀏覽器對DOM的支持的方法不一樣

1、  獲取網頁中哪個元素觸發了事件:在IE中用srcElement,在FireFox中用target;

2、  使用Dom獲取和更改網頁標籤元素內文本:在IE中用innerText,在FireFox裏使用textContent

3、  動態爲網頁或元素綁定事件:在IE中綁定事件的方法是attachEvent,在FireFox中綁定事件的方法是addEventListener(類似於多播委託)

(二)   不同瀏覽器對CSS的支持不一樣,所以在IE中顯示正常的網頁,在FF下全亂掉了。例:哀悼網頁使用的CSS只用IE支持,FF都不支持。

(三)   Jquery之類的框架進行了封裝,將不同瀏覽器的差異幫開發人員處理了,開發人員只要調用Jquery的方法,Jquery會幫助在不同瀏覽器中進行翻譯。用Jquery就可以解決不同瀏覽器上Dom的不同。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章