接著上一篇的更新在抛,還有大家如果需要什么前端學習的資源的話钟病,私信我。(雖然我知道刚梭,收藏了也不看肠阱,給了也不看的,但是說不定哪天能幫到你呢~)
dom---document 朴读,objec屹徘,model (文檔對象模型)
html元素是根節(jié)點
所有的html元素都稱為 元素節(jié)點
所有元素節(jié)點的內(nèi)容稱為 文本節(jié)點(內(nèi)容部分)
所有的元素節(jié)點的屬性 稱為 屬性節(jié)點
一切都是節(jié)點
節(jié)點關(guān)系(查找html元素)
父節(jié)點: parentNode
兄弟節(jié)點:
previousElementSibling 前一個兄弟節(jié)點 -- 高版本瀏覽器 previousSibling --- 低版本瀏覽器 (后面所有的同理)
nextElementSibling 后一個兄弟節(jié)點 nextSibling
孩子節(jié)點:
firstElementChild 第一個孩子節(jié)點 firstChild
lastElementChild 最后一個孩子節(jié)點 lastChild
childNodes 孩子節(jié)點 得到是一個集合 使用時要用下標
children 孩子節(jié)點 得到一個集合 使用是要用下標
children和childNodes區(qū)別:
children 操作的節(jié)點就是 元素節(jié)點
childNodes 會將標簽后的回車作為 自己的 文本節(jié)點來操作
節(jié)點類型
元素節(jié)點 nodeType 值為 1
文本節(jié)點 nodeType 值為 3
屬性節(jié)點 nodeType 值為 2
nodeType 節(jié)點類型
nodeName 節(jié)點名 (tagName 獲取標簽名)
nodeValue 節(jié)點值
節(jié)點動態(tài)操作(創(chuàng)建、 添加衅金、刪除)
1噪伊、創(chuàng)建一個新元素節(jié)點
document.createElement("節(jié)點名稱");
2、添加創(chuàng)建的節(jié)點 appendChild()
父元素.appendChild(要添加的子元素)
3氮唯、創(chuàng)建一個文本節(jié)點
document.createTextNode("文本");
4鉴吹、刪除創(chuàng)建的元素 removeChild
父元素.removeChild( 要刪除的子元素 );
5、添加創(chuàng)建的節(jié)點 insertBefore
父元素.insertBefore( 要添加的子元素,參照節(jié)點 );
向父元素的內(nèi)容參照節(jié)點的前面添加一個新元素
注意:參數(shù)一定要寫滿兩個惩琉,參照節(jié)點這個參數(shù)可以為null豆励,如果參數(shù)為null,效果同appendChild
關(guān)于動態(tài)創(chuàng)建的元素添加事件問題
如果要給一個動態(tài)創(chuàng)建的元素添加事件瞒渠,添加事件的代碼必須和動態(tài)創(chuàng)建的代碼在一個函數(shù)體內(nèi)良蒸。如果寫在函數(shù)體外部,需要用委托來實現(xiàn)伍玖。
嘿嘿由于健身特別累诚啃,今天就先更新到這里~
接下來是老規(guī)矩
歡迎大家持續(xù)關(guān)注。號內(nèi)有多個專題私沮,小程序(持續(xù)更新中),Javascript(持續(xù)更新),Vue等學習筆記始赎。覺得有收獲的可以收藏關(guān)注和橙,歡迎騷擾,一起學習造垛,共同進步
最后推廣一下自己的小程序魔招,如果你也喜歡鍛煉的話在這里尋找你的小伙伴吧。
自律更自由五辽,一只喜歡鍛煉的程序猿办斑,嘿嘿。
你都看到這了杆逗,不點個關(guān)注就過分了哈~