DOM學習總結 Element型別

2021-07-25 00:05:44 字數 1243 閱讀 9528

element型別用來表現xml和html元素,提供了對元素標籤名、子節點及特性的訪問。

訪問標籤名:可以用nodename屬性,也可以用tagname屬性。

html中,標籤名始終以大寫表示。

xml中標簽名始終與源**中的保持一致。最好在比較之前轉換成相同大小寫形式。

id:元素在文件中的唯一標示

title:有關元素的附加說明資訊,一般通過工具提示條顯示。

lang:元素內容的語言**,很少使用

dir:語言的方向,也很少使用。ltr/rtl

classname:為元素指定的css類。

以上屬性可修改。

getatteibute()取得特性名(也可取得自定義的特性)。特性名稱不區分大小寫。

自定義特性除了ie會為其建立屬性,其他瀏覽器都是不存在的。

特殊:1.style。

getattribute訪問時,返回css文字。

屬性訪問時,返回乙個物件。

2.onclick這樣的事件處理程式。

getattribute訪問時,返回相應**的字串。

訪問onclick屬性時,返回js函式。因為onclick及其他事件處理程式屬性本身應該被賦予函式值。(不懂,誰懂的話,求大神告知!!!)

setatteibute(要設定的特性名,要設定的值)。次方法設定的特性名會轉換成小寫形式。

removeattribute()徹底刪除元素。

createelement(要建立元素的標籤名)。標籤名在html中不區分大小寫;xml中區分大小寫。

ie中createelement

可傳入完整的元素標籤。這樣會避開ie7及更早版本動態建立元素的某些問題。

attributes屬性包含乙個namednodemap,乙個動態的集合。

有下列方法:

getnameditem(name):返回等於name的節點

removenameditem(name):從列表中刪除

setnameditem(node):向列表中新增節點,以節點的nodename屬性為索引

item(pos)返回位於數字pos位置處的節點。

遍歷元素的特性時,attributes屬性可以用,一般不用,不方便。

有相容性問題,看書p267.

2.4元素的子節點

子節點可能是元素、文字節點、注釋和處理指令,不同瀏覽器對待這些會有顯著不同。

ie;不會多數空白符

其他瀏覽器:會將空白符考慮成子節點。(eg。元素之間的空白符)

DOM 節點層次 Element型別

一 element型別 nodetype 1 nodename 元素名 nodevalue null parentvalue document 或者 element var odiv document.getelementbyid example alert odiv.tagname div ale...

Dom程式設計 Element,改變樣式

var p document.createelement p p.id dwdw p.class dwdw 小結 setattribute 可以設定正常的屬性 id,class 也可以設定非標準的屬性,但需要在前面機上 data 開頭 setattribute 設定的非標準屬性不能通過 div.id...

element屬性總結

element.classlist本身是唯讀的,但是你可以使用 add 和 remove 方法修改它。add string string 新增指定的類值。如果這些類已經存在於元素的屬性中,那麼它們將被忽略。remove string string 刪除指定的類值。let self event.tar...