js基礎 DOM與節點的簡單介紹

2021-08-30 13:56:20 字數 696 閱讀 2023

dom(document object model),全稱翻譯文件物件模型

節點:網頁的每乙個部分都是節點。分為文件節點、元素節點、屬性節點、文字節點。也是物件,給它乙個統一名字叫節點。簡單一句話,節點就是用來操作網頁的

圖的部分解釋:通過nodetype可以知道節點型別,例:document.body.nodetype 結果為1。

瀏覽器在載入乙個頁面時,是按照自上向下的順序載入的,讀取到一行就執行一行

在有些不熟練的情況,在**執行時,頁面還沒載入,卻想獲取頁面的標籤,這是一種不當的行為,應該完善**規範。可用window.οnlοad=function(){}將js**封存,等頁面載入完畢,再執行js**。onload事件會在整個頁面載入完成後才觸發,這樣可以確保在執行js**時dom物件已經載入完畢了。也可將js**放在頁面的尾端,等待瀏覽器順序載入js**。最優是寫在網頁的尾端,等待網頁自行順序載入,提高效能。但是js**放在上面方便管理。無多大區別,根據公司要求書寫。

JS的DOM 一 獲取節點

html文件被瀏覽器解析後就是乙個dom樹。獲取dom節點的方式 document.getelementbyid 通過id值獲取 document.getelementbytagname 通過標籤名獲取 document.getelementbyname 通過name屬性值獲取 不推薦 firstc...

JS(七) JS的DOM節點 Event(事件)

dom是w3c 全球資訊網聯盟 的標準。dom定義了訪問html和xml文件的標準。w3c文件物件模型 dom 是中立於平台和語言的介面,它允許程式和指令碼動態地訪問和更新文件的內容,結構和樣式。w3c dom標準被分為3個不同的部分 什麼是xml dom?xml dom定義了所有xml元素的物件和...

js中dom節點的增刪改

obj.insertbefore newnode,oldnode obj是父節點,在oldnode前面新增newnode obj.replacechild newnode,oldnode obj是父節點,用newnode替換oldnode obj.removechild oldnode obj是父節...