Dom內容彙總

2021-07-16 03:29:17 字數 1294 閱讀 8501

dom:

獲取節點:

通過節點屬性獲取節點:

建立元素節點:

判斷節點子節點:haschildnodes():表示當前節點是否有子節點

插入節點:

替換節點:replacechild(要插入的新節點,將被替換的舊節點)

複製節點:clonenode():

刪除節點:removechild(要刪除的節點):刪除指定節點

contains(): 返回boolean值 表示引數節點是否為當前節點的後代節點 document.body.contains(node);

isequalnode():返回boolean值 檢查兩個節點是否相等

滿足條件:

屬性操作:

style屬性

innerwidth

innerheight

clientwidth var w= document.documentelement.clientwidth || document.body.clientwidth;

clientheight

offsetwidth

offsetheight

offsetparent

offsetleft

offsettop

改變瀏覽器位置方法:效果是一樣的

1、location.assign('傳遞乙個url');

2、window.location = '傳遞乙個url';

3、location.href = '傳遞乙個url'; 《常用》

document.location.href //返回當前載入頁面的url。

document.location.protocol // 返回頁面使用協議http or https

document.location.host // 返回主機名稱與埠號

document.location.hostname // 返回主機名稱

document.location.port // 返回url指定埠號,如果不存在則返回空字串

document.location.pathname //返回url中的目錄或檔名

document.location.search //返回url中的查詢字串,字串以問好開始

document.location.assign('')// 跳轉到另乙個**

?x=1&y=2

var ss = setinterval(function(){},ms); // 設定定時器

clearinterval(ss); // 取消定時器

DOM事件彙總

今天的話主要是說了dom的事件流,事件 和dom事件操作方法。那下面簡單的捋一下思路 1 首先說下dom事件流,那麼何為事件流?就是乙個事件它觸發的過程。那dom的事件流就是當我們觸發乙個事件,它會先進行事件捕獲,然後處於目標階段,事件冒泡。那你又會問了,什麼是事件捕獲,事件冒泡?事件捕獲 就是當我...

原生DOM操作彙總

節點型別attr document element text 其他 節點之間的關係父節點 parentnode 子節點 childnodes 前乙個兄弟節點 nextsibling 後乙個兄弟節點 previoussibling 第乙個子節點 firstchild 最後乙個子節點 lastchild...

Dom豐富內容顯示隱藏內容

注意 元素中的 前面最好要空格 在現有元素後面插入乙個新元素需要自己寫 無法呼叫 innerafter 當script外部檔案放在head時如果用到dom方法或者文件中的元素最好用到load 因為dom還沒載入完 會出錯 多個函式賦值給load function addloadevent func ...