document.documentelement
document.body
document.title
document.url
document.domain
document.forms
document.images 相當於 document.getelementsbytagname(『img』)
document.links
方法二
給元素新增/修改
移除屬性
新建節點
作用:根據標籤名(tagname)建立新的 dom 物件。
這個方法只接受乙個引數,要建立元素的標籤名。例如,下面的**建立了乙個元素:
- 例:var newelement = document.createelement('p'); // 建立新元素 p
追加節點
作用:追加到父元素內容的後面。
- var parentelement = document.getelementbyid('main'); // 獲取父元素
作用:將新建立的元素(newelement)新增到目標元素(targetelement)前面
- var parentelement = document.getelementbyid('main'); // 獲取父元素
var targetelement = document.getelementbyid(『box2』); // 獲取目標元素
var newelement = document.createelement(『p』); // 建立新元素
//將新元素插入到目標元素之前
parentelement.insertbefore(newelement, targetelement);
作用:使用新元素替換目標元素
被替換的節點將從文件樹種移除,同時要插入的節點佔據其位置。
- var parentelement = document.getelementbyid('main'); // 獲取父元素
var targetelement = document.getelementbyid(『box2』); // 獲取目標元素
var newelement = document.createelement(『p』); // 建立新元素
parentelement.replacechild(newelement, targetelement); // 使用新元素替換目標元素
作用:從父元素(parentelement)中刪除乙個子元素(childelement)
- var parentelement = document.getelementbyid('main'); // 獲取父元素
var childelement = document.getelementbyid(『box2』); // 獲取子元素
parentelement.removechild(childelement); // 將子元素從父元素中刪除
作用:複製 dom 元素。
該方法只接受乙個布林值的引數,true代表深度拷貝,false代表淺拷貝,不傳參的話,預設為false。
- var currentelement = document.getelementbyid('main'); // 獲取需要複製的元素
currentelement.clonenode(); // 只複製元素本身,忽略其子元素-false預設
currentelement.clonenode(true); // 複製元素本身,及其子元素
xmind - trial version
DOM 文件物件模型
dom 文件物件模型 概念的推出,這個api使html如虎添翼,但是有些學dhtml的朋友還是有些困撓,只是因為目前的手冊的書寫不太科學,是按字母 來分的,不便查閱.其實dom中最關鍵是要掌握節點與節點之間的關係 between node andnode 想學習dhtml中的dom千萬不要從頭到尾地...
DOM文件物件模型
dom document object model文件物件模型 用來將標記型文件的文件封裝成物件,並且將文件中的所有的類容 文字,屬性,屬性值 分裝成為物件。封裝的目的是為了更好的對文字文件進行操作。有了物件就可以更好的利用文件對其中的屬性和值進行呼叫。document 標記型文件 object 封...
DOM文件物件模型
文件 標記型文件 html xml 物件 封裝了屬性和行為 模型 共性特徵的體現 dom解析html 1 通過dom的方法,把html全部 元素 標籤 文字 屬性 都封裝成了物件 2 dom想要操作標記型文件先解析 解析器 dom解析html 瀏覽器也可以解析html dom的三個級別 1 將htm...