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 已知節點的...