HTML DOM 元素物件大全

2022-06-29 04:00:20 字數 3857 閱讀 3159

在 html dom 中, 元素物件代表著乙個 html 元素。

文件本身就是乙個文件物件;

屬性 / 方法

描述element.accesskey

設定或返回accesskey乙個元素

element.addeventlistener()

向指定元素新增事件控制代碼

為元素新增乙個新的子元素

element.attributes

返回乙個元素的屬性陣列

element.childnodes

返回元素的乙個子節點的陣列

element.children

返回元素的子元素的集合

element.classlist

返回元素的類名,作為 domtokenlist 物件。

element.classname

設定或返回元素的class屬性

element.clientheight

在頁面上返回內容的可視高度(不包括邊框,邊距或滾動條)

element.clientwidth

在頁面上返回內容的可視寬度(不包括邊框,邊距或滾動條)

element.clonenode()

轉殖某個元素

element.comparedocumentposition()

比較兩個元素的文件位置。

element.contenteditable

設定或返回元素的內容是否可編輯

element.dir

設定或返回乙個元素中的文字方向

element.firstchild

返回元素的第乙個子節點

element.focus()

設定文件或元素獲取焦點

element.getattribute()

返回指定元素的屬性值

element.getattributenode()

返回指定屬性節點

element.getelementsbytagname()

返回指定標籤名的所有子元素集合。

element. getelementsbyclassname()

返回文件中所有指定類名的元素集合,作為 nodelist 物件。

element.hasattribute()

如果元素中存在指定的屬性返回 true,否則返回false。

element.hasattributes()

如果元素有任何屬性返回true,否則返回false。

element.haschildnodes()

返回乙個元素是否具有任何子元素

element.hasfocus()

返回布林值,檢測文件或元素是否獲取焦點

element.id

設定或者返回元素的 id。

element.innerhtml

設定或者返回元素的內容。

element.insertbefore()

現有的子元素之前插入乙個新的子元素

element.iscontenteditable

如果元素內容可編輯返回 true,否則返回false

element.isdefaultnamespace()

如果指定了namespaceuri 返回 true,否則返回 false。

element.isequalnode()

檢查兩個元素是否相等

element.issamenode()

檢查兩個元素所有有相同節點。

element.issupported()

如果在元素中支援指定特徵返回 true。

element.lang

設定或者返回乙個元素的語言。

element.lastchild

返回的最後乙個子節點

element.namespaceuri

返回命名空間的 uri。

element.nextsibling

返回該元素緊跟的乙個節點

element.nextelementsibling

返回指定元素之後的下乙個兄弟元素(相同節點樹層中的下乙個元素節點)。

element.nodename

返回元素的標記名(大寫)

element.nodetype

返回元素的節點型別

element.nodevalue

返回元素的節點值

element.normalize()

使得此成為乙個"normal"的形式,其中只有結構(如元素,注釋,處理指令,cdata節和實體引用)隔開text節點,即元素(包括屬性)下面的所有文字節點,既沒有相鄰的文字節點也沒有空的文字節點

element.offsetheight

返回任何乙個元素的高度包括邊框和填充,但不是邊距

element.offsetwidth

返回元素的寬度,包括邊框和填充,但不是邊距

element.offsetleft

返回當前元素的相對水平偏移位置的偏移容器

element.offsetparent

返回元素的偏移容器

element.offsettop

返回當前元素的相對垂直偏移位置的偏移容器

element.ownerdocument

返回元素的根元素(文件物件)

element.parentnode

返回元素的父節點

element.previoussibling

返回某個元素緊接之前元素

element.previouselementsibling

返回指定元素的前乙個兄弟元素(相同節點樹層中的前乙個元素節點)。

element.queryselector()

返回匹配指定 css 選擇器元素的第乙個子元素

document.queryselectorall()

返回匹配指定 css 選擇器元素的所有子元素節點列表

element.removeattribute()

從元素中刪除指定的屬性

element.removeattributenode()

刪除指定屬性節點並返回移除後的節點。

element.removechild()

刪除乙個子元素

element.removeeventlistener()

移除由 addeventlistener() 方法新增的事件控制代碼

element.replacechild()

替換乙個子元素

element.scrollheight

返回整個元素的高度(包括帶滾動條的隱蔽的地方)

element.scrollleft

返回當前檢視中的實際元素的左邊緣和左邊緣之間的距離

element.scrolltop

返回當前檢視中的實際元素的頂部邊緣和頂部邊緣之間的距離

element.scrollwidth

返回元素的整個寬度(包括帶滾動條的隱蔽的地方)

element.setattribute()

設定或者改變指定屬性並指定值。

element.setattributenode()

設定或者改變指定屬性節點。

element.style

設定或返回元素的樣式屬性

element.tabindex

設定或返回元素的標籤順序。

element.tagname

作為乙個字串返回某個元素的標記名(大寫)

element.textcontent

設定或返回乙個節點和它的文字內容

element.title

設定或返回元素的title屬性

nodelist.item()

返回某個元素基於文件樹的索引

nodelist.length

返回節點列表的節點數目。

HTML DOM常用物件

一 table 物件屬性 1 border 可以設定或返回 邊框的寬度 以畫素為單位 2 caption 設定或返回 的caption元素 3 cellpadding 設定或返回單元格邊框與單元格內容之間的空白量 以畫素為單位 4 cellspacing 設定或返回 中的單元格之間的空白量 以畫素為...

HTML DOM 屬性 物件

在 html dom document object model 中,所有的都是 節點 在 html dom 中,attr 物件 代表乙個 html 屬性。html屬性總是屬於html元素。在 html dom 中,the namednodemap 物件 表示乙個無順序的節點列表。我們可通過節點名稱...

新增或刪除 HTML dom元素

如需向 html dom 新增新元素,您必須首先建立該元素 元素節點 然後向乙個已存在的元素追加該元素。這是乙個段落。這是另乙個段落。這段 建立新的元素 var para document.createelement p 如需向 元素新增文字,您必須首先建立文字節點。這段 建立了乙個文字節點 var...