DOM操作基礎(chǔ)事件

douzifly 發(fā)布于2019-08-02 14:11 / 2986人閱讀

摘要：結(jié)構(gòu)兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動返回文檔的根節(jié)點返回瀏覽器返回當(dāng)前文檔中被激活的標(biāo)簽節(jié)點返回鼠標(biāo)移出的源節(jié)點返回鼠標(biāo)移入的源節(jié)點搜狐瀏覽器返回激活事件的源節(jié)點返回父節(jié)點返回所有子節(jié)點或返回第一個子節(jié)點返回最后一個

DOM結(jié)構(gòu) - 兩個節(jié)點之間可能存在哪些關(guān)系以及如何在節(jié)點之間任意移動

返回文檔的根節(jié)點:document.documentElement
返回:document.body

IE瀏覽器：
返回當(dāng)前文檔中被激活的標(biāo)簽節(jié)點：document.activeElement
返回鼠標(biāo)移出的源節(jié)點：event.fromElement
返回鼠標(biāo)移入的源節(jié)點：event.toElement

搜狐瀏覽器：
返回激活事件的源節(jié)點：event.target

返回父節(jié)點：node.parentNode,node.parentElement
返回所有子節(jié)點：node.childNodes或node.children
返回第一個子節(jié)點：node.firstChild
返回最后一個子節(jié)點：node.lastChild
返回指定節(jié)點之后緊跟的節(jié)點:node.nextSibling
返回指定節(jié)點前的緊跟節(jié)點：node.previousSibling

DOM操作——怎樣添加、移除、移動、復(fù)制、創(chuàng)建和查找節(jié)點

1.創(chuàng)建新節(jié)點
創(chuàng)建DOM片段：createDocumentFragment()
創(chuàng)建一個具體的元素：createElement()
創(chuàng)建一個文本節(jié)點：createTextNode()

2.添加 | 移除 | 替換 | 插入
appendChild()
removeChild()
replaceChild()
insertBefore()

3.查找
通過標(biāo)簽名稱查找：getElementsByTagName()
通過元素的Name屬性的值：getElementsByName()
通過元素Id，唯一性：getElementById()

GPU云服務(wù)器云服務(wù)器 DOM事件 dom事件管理 dom事件冒泡 DOM元素事件

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/53632.html

相關(guān)文章

javascript事件基礎(chǔ)知識

摘要：可選，布爾值，指定事件是否在捕獲或冒泡階段執(zhí)行，默認冒泡。適用范圍參數(shù)介紹必須，字符串，事件名稱。必須，指定事件觸發(fā)時執(zhí)行的函數(shù)。事件冒泡事件冒泡與事件捕獲恰恰相反，事件冒泡順序是由內(nèi)到外進行事件傳播，直到根節(jié)點。什么是事件 javascript與HTML之間交互就是通過事件實現(xiàn)的，事件就是文檔或瀏覽器窗口中發(fā)生的一些特定的交互瞬間。事件在瀏覽器中是以對象的形式存在的，即event，...

ad6623 2019-08-26 13:36 評論0 收藏0
JavaScript 基礎(chǔ)知識 - DOM篇(一)

摘要：前言本篇文章是基礎(chǔ)知識的篇，如果前面的基礎(chǔ)知識入門篇看完了，現(xiàn)在就可以學(xué)習(xí)了。基本概念分為三個部分。在這個基礎(chǔ)上使用一些新特性，高級瀏覽器支持，低級瀏覽器不支持。在對象中的屬性是一個布爾值，只有和。 showImg(https://segmentfault.com/img/remote/1460000012581493?w=1920&h=1080); DOM 前言本篇文章是JavaS...

cuieney 2019-08-22 13:40 評論0 收藏0
【重溫基礎(chǔ)】20.事件

摘要：本文是重溫基礎(chǔ)系列文章的第二十篇。事件捕獲為截獲事件提供機會，然后實際的目標(biāo)接收到事件，最后事件冒泡，對事件作出響應(yīng)。事件處理事件處理，即響應(yīng)某個事件。包括導(dǎo)致事件的元素事件類型等其他信息。本文是重溫基礎(chǔ) 系列文章的第二十篇。這是第三個基礎(chǔ)系列的第一篇，歡迎持續(xù)關(guān)注呀！重溫基礎(chǔ) 系列的【初級】和【中級】的文章，已經(jīng)統(tǒng)一整理到我的【Cute-JavaScript】的Java...

Blackjun 2019-08-26 13:28 評論0 收藏0
【JS基礎(chǔ)】DOM，BOM，事件綁定，ajax，跨域，存儲

摘要：常說的瀏覽器執(zhí)行的包含兩部分基礎(chǔ)知識標(biāo)準(zhǔn)標(biāo)準(zhǔn)的內(nèi)容包括事件綁定請求包括協(xié)議存儲標(biāo)準(zhǔn)沒有規(guī)定任何基礎(chǔ)相關(guān)的東西。如果未經(jīng)允許即可獲取，那是瀏覽器同源策略出現(xiàn)了漏洞。常說的JS（瀏覽器執(zhí)行的JS）包含兩部分 JS基礎(chǔ)知識（ECMA 262 標(biāo)準(zhǔn)） JS-Web-API（W3C 標(biāo)準(zhǔn)） JS-Web-API的內(nèi)容包括 DOMBOM事件綁定ajax請求（包括http協(xié)議）存儲 W3C 標(biāo)...

zero 2019-08-23 14:10 評論0 收藏0
【連載】前端個人文章整理-從基礎(chǔ)到入門

摘要：個人前端文章整理從最開始萌生寫文章的想法，到著手開始寫，再到現(xiàn)在已經(jīng)一年的時間了，由于工作比較忙，更新緩慢，后面還是會繼更新，現(xiàn)將已經(jīng)寫好的文章整理一個目錄，方便更多的小伙伴去學(xué)習(xí)。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 個人前端文章整理從最開始萌生寫文章的想法，到著手...

madthumb 2019-08-23 14:15 評論0 收藏0