一、節點操作
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的不同。