DOM 文件物件模型

2021-10-08 06:59:48 字數 1895 閱讀 6331

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...