摘要:最近在找春季實習生工作,為了準備實習面試筆試,開通屬于自己的專欄來記錄自己的學習過程,同時也是為了檢驗自己是否真正的理解了學習的知識點。一概念今天學習的是中的操作。二節點在中節點包括以下幾種元素節點文本節點屬性節點。
最近在找春季實習生工作,為了準備實習面試筆試,開通屬于自己的專欄來記錄自己的學習過程,同時也是為了檢驗自己是否真正的理解了學習的知識點。
一、DOM概念
今天學習的是JavaScript中的DOM操作。說起DOM操作,首先我們需要知道什么是DOM,DOM也叫文檔對象模型,其中D代表的是Document,即文檔;O代表的是Object,即對象;M代表的是model,即模型。
所謂模型,其實就是某種事物的表現形式,就像是一個火車模型代表的是真是的火車一樣,DOM代表的是加載到瀏覽器并呈現在用戶眼前的網頁。DOM把一份文檔表示成一棵樹,叫做DOM樹。既然有了樹的概念,那就還有根,父節點,子節點,兄弟節點的概念了。在下面的網頁中我們看一個例子:
這是測試例子
- 例子
- 例子
段落測試
以上例子我們可以看到,標簽為根標簽,接下來
和標簽屬于的子元素或者是子節點,在標簽中,又是的子標簽, 中是其子標簽,標簽中與上面的p標簽都是其子元素,而這兩者是兄弟元素關系。
以上就是一個典型的文檔樹關系。
二、節點
在DOM中節點包括以下幾種:
元素節點;文本節點;屬性節點。
元素節點:
文檔樹中諸如等叫做元素節點,標簽的名字就是元素的節點名字;
文本節點:
上面說的元素節點是一種結構節點,如果一個文檔中全部是元素節點則不會顯示任何內容,網頁中的大部分的內容都是通過文本節點展現出來的。文本節點總是包含在元素節點內部。
屬性節點:
屬性節點用來對元素做出更加詳細的描述。幾乎每個元素節點都會有一個title屬性,用來描述該元素節點是用來干什么的。
三、DOM的相關操作
1、獲取元素
獲取元素有三種方法可以獲得:
(1)getElementById()該方法接收一個參數,這個參數是元素的id屬性值,該方法返回一個id屬性值為相應值的元素對象
(2)getElementByTagName()改方法也接收一個參數,參數為元素名稱,該方法返回的是一個對象數組。即使匹配的元素只有一個同樣也會是數組類型,只是數組長度為1。
(3)getElementByClass()該方法接收一個參數,即元素屬性為class的值,該方法也返回一個數組。
未完待續文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/49816.html
相關文章
javascript高級學習總結(二)
摘要:那個率先改變的實例的返回值,就會傳遞給的回調函數。函數對函數的改進,體現在以下四點內置執行器。進一步說,函數完全可以看作多個異步操作,包裝成的一個對象,而命令就是內部命令的語法糖。中的本質就是沒有的隱藏的組件。 1、原型 - jquery使用showImg(https://segmentfault.com/img/bVbwNcY?w=692&h=442);注釋 : 實例雖然不同,但是構...
JS中DOM操作總結
摘要:最近在找春季實習生工作,為了準備實習面試筆試,開通屬于自己的專欄來記錄自己的學習過程,同時也是為了檢驗自己是否真正的理解了學習的知識點。一概念今天學習的是中的操作。二節點在中節點包括以下幾種元素節點文本節點屬性節點。 最近在找春季實習生工作,為了準備實習面試筆試,開通屬于自己的專欄來記錄自己的學習過程,同時也是為了檢驗自己是否真正的理解了學習的知識點。 一、DOM概念 今天學習的是Ja...
vue常用知識點總結
摘要:這里借鑒了一下的處理方式,我們把單獨模塊的包裝成一個函數,提供一個全局的回調方法,加載完成時候再調用回調函數。 感謝本文引用鏈接的各位大佬們,小菜鳥我只是個搬運工 1.談一談你理解的vue是什么樣子的? vue是數據、視圖分離的一個框架,讓數據與視圖間不會發生直接聯系。MVVM 組件化:把整體拆分為各個可以復用的個體 數據驅動:通過數據變化直接影響bom展示,避免dom操作。 可以在...
JS基礎篇--JS的DOM操作 - 你真的了解嗎?
摘要:摘要想稍微系統的說說對于的操作把和常用操作的內容歸納成思維導圖方便閱讀同時加入性能上的一些問題前言在前端開發的過程中極為重要的一個功能就是對對象的操作無論增刪改查在前端頁面操作這一范圍內都是比較消耗性能的如何高效率的便捷的操作這就是本文要講 摘要 想稍微系統的說說對于DOM的操作,把Javascript和jQuery常用操作DOM的內容歸納成思維導圖方便閱讀,同時加入性能上的一些問題....
發表評論
0條評論
jifei
男|高級講師
TA的文章
閱讀更多
SSL加密為什么能保證安全
閱讀 3197·2021-11-25 09:43
ASEMI肖特基二極管SBT40100VDC正向壓降溫度系數
閱讀 3408·2021-11-11 16:54
#11.11#RackNerd:美國VPS年付$12起,洛杉磯/紐約等6機房可選
閱讀 824·2021-11-02 14:42
半月灣vps:美國CN2 GIA方案(DC5)機房,1Gbps帶寬,三網CN2 GIA線路,$109
閱讀 3742·2021-09-30 09:58
PuTTY – 老牌免費開源Windows SSH遠程客戶端軟件
閱讀 3664·2021-09-29 09:44
那些很熟卻又不是很熟的知識
閱讀 1279·2019-08-30 15:56
初級前端開發面試總結
閱讀 2097·2019-08-30 15:54
Vue源碼之目錄結構
閱讀 2985·2019-08-30 15:43