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