HTML DOM 元素對象

HTMLDOM元素對象

HTML DOM 節(jié)點(diǎn)

在 HTML DOM (Document Object Model) 中, 每個東西都是 節(jié)點(diǎn):

  • 文檔本身就是一個文檔對象
  • 所有 HTML 元素都是元素節(jié)點(diǎn)
  • 所有 HTML 屬性都是屬性節(jié)點(diǎn)
  • 插入到 HTML 元素文本是文本節(jié)點(diǎn)
  • 注釋是注釋節(jié)點(diǎn)

元素對象

在 HTML DOM 中, 元素對象代表著一個 HTML 元素殊霞。

元素對象 的 子節(jié)點(diǎn)可以是, 可以是元素節(jié)點(diǎn)迹冤,文本節(jié)點(diǎn),注釋節(jié)點(diǎn)鸠珠。

NodeList 對象 代表了節(jié)點(diǎn)列表肤舞,類似于 HTML元素的子節(jié)點(diǎn)集合电禀。

元素可以有屬性扣甲。屬性屬于屬性節(jié)點(diǎn)(查看屬性對象一章節(jié))鸽凶。


瀏覽器支持

Internet Explorer

Firefox

Opera

Google Chrome

Safari

所有主流瀏覽器都支持 元素對象 和 NodeList 對象币砂。.


CONTENT

以下 屬性和方法 可適用于所有 HTML 元素:

屬性 / 方法 描述
以下鏈接不在本文章中 -
element.accessKey 設(shè)置或返回accesskey一個元素
element.addEventListener() 向指定元素添加事件句柄
element.appendChild() 為元素添加一個新的子元素
element.attributes 返回一個元素的屬性數(shù)組
element.childNodes 返回元素的一個子節(jié)點(diǎn)的數(shù)組
element.children 返回元素的子元素的集合
element.classList 返回元素的類名,作為 DOMTokenList 對象玻侥。
element.className 設(shè)置或返回元素的class屬性
element.clientHeight 在頁面上返回內(nèi)容的可視高度(不包括邊框决摧,邊距或滾動條)
element.clientWidth 在頁面上返回內(nèi)容的可視寬度(不包括邊框,邊距或滾動條)
element.cloneNode() 克隆某個元素
element.compareDocumentPosition() 比較兩個元素的文檔位置。
element.contentEditable 設(shè)置或返回元素的內(nèi)容是否可編輯
element.dir 設(shè)置或返回一個元素中的文本方向
element.firstChild 返回元素的第一個子節(jié)點(diǎn)
element.focus() 設(shè)置文檔或元素獲取焦點(diǎn)
element.getAttribute() 返回指定元素的屬性值
element.getAttributeNode() 返回指定屬性節(jié)點(diǎn)
element.getElementsByTagName() 返回指定標(biāo)簽名的所有子元素集合掌桩。
element. getElementsByClassName() 返回文檔中所有指定類名的元素集合边锁,作為 NodeList 對象。
element.getFeature() 返回指定特征的執(zhí)行APIs對象波岛。
element.getUserData() 返回一個元素中關(guān)聯(lián)鍵值的對象茅坛。
element.hasAttribute() 如果元素中存在指定的屬性返回 true,否則返回false则拷。
element.hasAttributes() 如果元素有任何屬性返回true贡蓖,否則返回false。
element.hasChildNodes() 返回一個元素是否具有任何子元素
element.hasFocus() 返回布爾值煌茬,檢測文檔或元素是否獲取焦點(diǎn)
element.id 設(shè)置或者返回元素的 id斥铺。
element.innerHTML 設(shè)置或者返回元素的內(nèi)容。
element.insertBefore() 現(xiàn)有的子元素之前插入一個新的子元素
element.isContentEditable 如果元素內(nèi)容可編輯返回 true坛善,否則返回false
element.isDefaultNamespace() 如果指定了namespaceURI 返回 true仅父,否則返回 false。
element.isEqualNode() 檢查兩個元素是否相等
element.isSameNode() 檢查兩個元素所有有相同節(jié)點(diǎn)浑吟。
element.isSupported() 如果在元素中支持指定特征返回 true笙纤。
element.lang 設(shè)置或者返回一個元素的語言。
element.lastChild 返回的最后一個子節(jié)點(diǎn)
element.namespaceURI 返回命名空間的 URI组力。
element.nextSibling 返回該元素緊跟的一個節(jié)點(diǎn)
element.nextElementSibling 返回指定元素之后的下一個兄弟元素(相同節(jié)點(diǎn)樹層中的下一個元素節(jié)點(diǎn))省容。
element.nodeName 返回元素的標(biāo)記名(大寫)
element.nodeType 返回元素的節(jié)點(diǎn)類型
element.nodeValue 返回元素的節(jié)點(diǎn)值
element.normalize() 使得此成為一個"normal"的形式,其中只有結(jié)構(gòu)(如元素燎字,注釋腥椒,處理指令,CDATA節(jié)和實(shí)體引用)隔開Text節(jié)點(diǎn)候衍,即元素(包括屬性)下面的所有文本節(jié)點(diǎn)笼蛛,既沒有相鄰的文本節(jié)點(diǎn)也沒有空的文本節(jié)點(diǎn)
element.offsetHeight 返回任何一個元素的高度包括邊框和填充,但不是邊距
element.offsetWidth 返回元素的寬度蛉鹿,包括邊框和填充滨砍,但不是邊距
element.offsetLeft 返回當(dāng)前元素的相對水平偏移位置的偏移容器
element.offsetParent 返回元素的偏移容器
element.offsetTop 返回當(dāng)前元素的相對垂直偏移位置的偏移容器
element.ownerDocument 返回元素的根元素(文檔對象)
element.parentNode 返回元素的父節(jié)點(diǎn)
element.previousSibling 返回某個元素緊接之前元素
element.previousElementSibling 返回指定元素的前一個兄弟元素(相同節(jié)點(diǎn)樹層中的前一個元素節(jié)點(diǎn))。
element.querySelector() 返回匹配指定 CSS 選擇器元素的第一個子元素
document.querySelectorAll() 返回匹配指定 CSS 選擇器元素的所有子元素節(jié)點(diǎn)列表
element.removeAttribute() 從元素中刪除指定的屬性
element.removeAttributeNode() 刪除指定屬性節(jié)點(diǎn)并返回移除后的節(jié)點(diǎn)妖异。
element.removeChild() 刪除一個子元素
element.removeEventListener() 移除由 addEventListener() 方法添加的事件句柄
element.replaceChild() 替換一個子元素
element.scrollHeight 返回整個元素的高度(包括帶滾動條的隱蔽的地方)
element.scrollLeft 返回當(dāng)前視圖中的實(shí)際元素的左邊緣和左邊緣之間的距離
element.scrollTop 返回當(dāng)前視圖中的實(shí)際元素的頂部邊緣和頂部邊緣之間的距離
element.scrollWidth 返回元素的整個寬度(包括帶滾動條的隱蔽的地方)
element.setAttribute() 設(shè)置或者改變指定屬性并指定值惋戏。
element.setAttributeNode() 設(shè)置或者改變指定屬性節(jié)點(diǎn)。
element.setIdAttribute()
element.setIdAttributeNode()
element.setUserData() 在元素中為指定鍵值關(guān)聯(lián)對象他膳。
element.style 設(shè)置或返回元素的樣式屬性
element.tabIndex 設(shè)置或返回元素的標(biāo)簽順序响逢。
element.tagName 作為一個字符串返回某個元素的標(biāo)記名(大寫)
element.textContent 設(shè)置或返回一個節(jié)點(diǎn)和它的文本內(nèi)容
element.title 設(shè)置或返回元素的title屬性
element.toString() 一個元素轉(zhuǎn)換成字符串
nodelist.item() 返回某個元素基于文檔樹的索引
nodelist.length 返回節(jié)點(diǎn)列表的節(jié)點(diǎn)數(shù)目。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末棕孙,一起剝皮案震驚了整個濱河市舔亭,隨后出現(xiàn)的幾起案子些膨,更是在濱河造成了極大的恐慌,老刑警劉巖钦铺,帶你破解...
    沈念sama閱讀 218,858評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件傀蓉,死亡現(xiàn)場離奇詭異,居然都是意外死亡职抡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評論 3 395
  • 文/潘曉璐 我一進(jìn)店門误甚,熙熙樓的掌柜王于貴愁眉苦臉地迎上來缚甩,“玉大人,你說我怎么就攤上這事窑邦∩猛” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評論 0 356
  • 文/不壞的土叔 我叫張陵冈钦,是天一觀的道長郊丛。 經(jīng)常有香客問我,道長瞧筛,這世上最難降的妖魔是什么厉熟? 我笑而不...
    開封第一講書人閱讀 58,842評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮较幌,結(jié)果婚禮上揍瑟,老公的妹妹穿的比我還像新娘。我一直安慰自己乍炉,他們只是感情好绢片,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著岛琼,像睡著了一般底循。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上槐瑞,一...
    開封第一講書人閱讀 51,679評論 1 305
  • 那天熙涤,我揣著相機(jī)與錄音,去河邊找鬼困檩。 笑死灭袁,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的窗看。 我是一名探鬼主播茸歧,決...
    沈念sama閱讀 40,406評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼显沈!你這毒婦竟也來了软瞎?” 一聲冷哼從身側(cè)響起逢唤,我...
    開封第一講書人閱讀 39,311評論 0 276
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎涤浇,沒想到半個月后鳖藕,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡只锭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評論 3 336
  • 正文 我和宋清朗相戀三年著恩,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蜻展。...
    茶點(diǎn)故事閱讀 40,090評論 1 350
  • 序言:一個原本活蹦亂跳的男人離奇死亡喉誊,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出纵顾,到底是詐尸還是另有隱情伍茄,我是刑警寧澤,帶...
    沈念sama閱讀 35,785評論 5 346
  • 正文 年R本政府宣布施逾,位于F島的核電站敷矫,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏汉额。R本人自食惡果不足惜曹仗,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蠕搜。 院中可真熱鬧整葡,春花似錦、人聲如沸讥脐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽旬渠。三九已至俱萍,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間告丢,已是汗流浹背枪蘑。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留岖免,地道東北人岳颇。 一個月前我還...
    沈念sama閱讀 48,298評論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像颅湘,于是被迫代替她去往敵國和親话侧。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評論 2 355

推薦閱讀更多精彩內(nèi)容