DOM 的簡介 和一些方法

2022-08-04 01:12:18 字數 1369 閱讀 1764

dom 是 document object model(文件物件模型)的縮寫。

您能夠以不同的方式來訪問 html 元素:

在div1裡面刪除p1

var parent=document.getelementbyid("div1");

var child=document.getelementbyid("p1");

parent.removechild(child);  

這裡提供乙個常用的解決方法:找到您需要刪除的子元素,然後使用 parentnode 屬性來查詢其父元素:

var child=document.getelementbyid("p1");

child.parentnode.removechild(child);

方法

描述

getelementbyid()

返回帶有指定 id 的元素。

getelementsbytagname()

返回包含帶有指定標籤名稱的所有元素的節點列表(集合/節點陣列)。

getelementsbyclassname()

返回包含帶有指定類名的所有元素的節點列表。

把新的子節點新增到指定節點。

removechild()

刪除子節點。

replacechild()

替換子節點。

insertbefore()

在指定的子節點前面插入新的子節點。

createattribute()

建立屬性節點。

createelement()

建立元素節點。

createtextnode()

建立文字節點。

getattribute()

返回指定的屬性值。

setattribute()

把指定屬性設定或修改為指定的值。

onclick         滑鼠單擊

ondblclick       滑鼠雙擊

onkeyup        按下並釋放鍵盤上的乙個鍵時觸發 

onchange  文字內容或下拉列表中的選項發生改變

onfocus     獲得焦點,表示文字框等獲得滑鼠游標

onblur    失去焦點,表示文字框等失去滑鼠游標。         onmouseover 滑鼠懸停,即滑鼠停留在等的上方

onmouseout 滑鼠移出,即離開等所在的區域

onload                網頁文件載入事件

onunload             關閉網頁時

onsubmit             表單提交事件

onreset               重置表單時

DOM一些方法

1 indexof 可返回某個指定的字元在字串中首次出現的位置。語法 stringobject.indexof substring,startpos substring是必須的屬性,規定需檢索的字串值 startpos可選,規定在字串中開始的位置 2 split 將字串分割為字串陣列,並返回此陣列 ...

dom節點的一些屬性和方法

parentnode 父節點 firstchild 第乙個子節點 lastchild 最後乙個子節點 nextsibling 下乙個兄弟節點 previoussibling 上乙個兄弟節點 nodetype 節點型別 1 元素節點 2 屬性節點 3 文字節點 nodename 節點名稱 元素節點返回...

Dom的一些操作

dom 的意思是 文字 物件 模型.寫幾個常用的dom 方便以後查詢 document.getelementbyid id 這個的出鏡率非常的高 有華山那麼高.document.getelementsbytagname name 封裝的時候是必用的 obj.previoussibling 已知節點的...