JS面試題 DOM操作相關

2021-09-26 15:36:18 字數 1263 閱讀 7969

(1)在dom中操作中怎麼建立、新增、刪除、移除、替換、插入和查詢節點

①通過以下**建立節點

createdocumentfragment()//建立乙個dom片段

createelement();//建立乙個具體的元素

createtextnode();//建立乙個文字節點

②新增、移除、替換、插入節點

removechild();

replacechild();

insertbefore();

③通過以下方式查詢節點

getelementbyid();

getelementsbytagname();

getelementsbyname();

(2)在js中如何使用dom

dom代表文件物件,並且負責文件中各種物件的相互互動,dom是開發網頁所必須的,其中包括段落、鏈結等物件。可以操作這些物件,如新增或刪除等。dom還需要向網頁新增額外的功能。

(3)ie和dom事件流的區別是什麼?

(4)編寫乙個js函式,如果輸入指定型別的選擇器(僅須支援id,class,tagname三種簡單的css選擇器,無序相容組合選擇器)就可以返回匹配的dom節點,要考慮瀏覽器的相容性。

var query = typeof document.queryselectorall ==="function"?

//如果支援html5用html5的選擇器的方法

function(selector):

function(selector)else if(matches[2])

(10)什麼是事件捕獲

事件捕獲就是值不太具體的元素更早的接收到事件,而最具體的節點最後接收到事件。它們的用意就是在事件達到目標之前就捕獲它,過程與冒泡相反。

(11)以下**輸出結果?為什麼?

(function(),1000);

settimeout(function(),0);

console.log(4);

})()

輸出結果:1,4,3,2

分析:1 4在前面,因為是簡單的呼叫了console.log()沒有延遲輸出。

2 3都在事件裡,瀏覽器有乙個事件迴圈,它會檢查事件佇列和處理為完成的事件。

(12)事件的分類有哪些?

滑鼠事件、鍵盤事件、表單事件、視窗事件、觸屏事件、剪貼簿事件、列印事件、多**事件、css3(動畫、過渡等)事件、其他事件。

js陣列相關面試題

昨天去人人網面試,面試我的小姐姐讓我手寫一些關於陣列操作的 我都寫出來了,但是面試官應該是不滿意我的實現方式,後來經過面試官的提示,又寫出了第二種方法,接下來就將這幾道面試題整理在下面。第一題 1,2,3,4,5,6 如何轉換成 1,2,3,4,5,6 我一開始的思路很簡單,就是定義乙個全域性變數的...

js基礎及相關面試題

js基本資料型別 string,object,number,undefined,boolean,function js陣列及其常用的方法 var arr new array arr i 1 新增資料 pop 刪除陣列的方法並返回刪除陣列的值 var arr new array 1,2,3 var d...

面試題相關

一些位址 osi七層功能及協議 資料鏈路層是如何定址的?傳送方 已知接收方ip arp 接收方mac位址 交換機尋找該mac位址所在埠,把幀往這個埠 mac通過rarp轉為ip位址。可靠通訊是靠哪一層來完成的?網路層 tcp協議 100base t 100mbps,baseband,雙絞線對。簡而言...