一名前端工程師的自學之路!Js篇(12-14更新)


接著上一篇的更新在抛,還有大家如果需要什么前端學習的資源的話钟病,私信我。(雖然我知道刚梭,收藏了也不看肠阱,給了也不看的,但是說不定哪天能幫到你呢~)

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)注就過分了哈~

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末乡翅,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子罪郊,更是在濱河造成了極大的恐慌蠕蚜,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,277評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件悔橄,死亡現(xiàn)場離奇詭異靶累,居然都是意外死亡,警方通過查閱死者的電腦和手機癣疟,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評論 3 393
  • 文/潘曉璐 我一進店門挣柬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人睛挚,你說我怎么就攤上這事邪蛔。” “怎么了扎狱?”我有些...
    開封第一講書人閱讀 163,624評論 0 353
  • 文/不壞的土叔 我叫張陵侧到,是天一觀的道長。 經(jīng)常有香客問我委乌,道長,這世上最難降的妖魔是什么荣回? 我笑而不...
    開封第一講書人閱讀 58,356評論 1 293
  • 正文 為了忘掉前任遭贸,我火速辦了婚禮,結(jié)果婚禮上心软,老公的妹妹穿的比我還像新娘壕吹。我一直安慰自己,他們只是感情好删铃,可當我...
    茶點故事閱讀 67,402評論 6 392
  • 文/花漫 我一把揭開白布耳贬。 她就那樣靜靜地躺著,像睡著了一般猎唁。 火紅的嫁衣襯著肌膚如雪咒劲。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,292評論 1 301
  • 那天,我揣著相機與錄音腐魂,去河邊找鬼帐偎。 笑死,一個胖子當著我的面吹牛蛔屹,可吹牛的內(nèi)容都是我干的削樊。 我是一名探鬼主播,決...
    沈念sama閱讀 40,135評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼兔毒,長吁一口氣:“原來是場噩夢啊……” “哼漫贞!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起育叁,我...
    開封第一講書人閱讀 38,992評論 0 275
  • 序言:老撾萬榮一對情侶失蹤迅脐,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后擂红,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體仪际,經(jīng)...
    沈念sama閱讀 45,429評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,636評論 3 334
  • 正文 我和宋清朗相戀三年昵骤,在試婚紗的時候發(fā)現(xiàn)自己被綠了树碱。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,785評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡变秦,死狀恐怖成榜,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蹦玫,我是刑警寧澤赎婚,帶...
    沈念sama閱讀 35,492評論 5 345
  • 正文 年R本政府宣布,位于F島的核電站樱溉,受9級特大地震影響挣输,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜福贞,卻給世界環(huán)境...
    茶點故事閱讀 41,092評論 3 328
  • 文/蒙蒙 一撩嚼、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧挖帘,春花似錦完丽、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至骄崩,卻和暖如春聘鳞,著一層夾襖步出監(jiān)牢的瞬間薄辅,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評論 1 269
  • 我被黑心中介騙來泰國打工搁痛, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留长搀,地道東北人。 一個月前我還...
    沈念sama閱讀 47,891評論 2 370
  • 正文 我出身青樓鸡典,卻偏偏與公主長得像源请,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子彻况,可洞房花燭夜當晚...
    茶點故事閱讀 44,713評論 2 354

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

  • 原文 鏈接 關(guān)注公眾號獲取更多資訊 一谁尸、基本類型介紹 1.1 Node類型 DOM1級定義了一個Node接口,該接...
    程序員poetry閱讀 3,935評論 7 34
  • 本章內(nèi)容 理解包含不同層次節(jié)點的 DOM 使用不同的節(jié)點類型 克服瀏覽器兼容性問題及各種陷阱 DOM 是針對 HT...
    悶油瓶小張閱讀 638評論 0 1
  • 1. 什么是DOM 文檔對象模型 (DOM) 是HTML和XML文檔的編程接口纽甘。它提供了對文檔的結(jié)構(gòu)化的表述良蛮,并定...
    hanyuntao閱讀 1,268評論 0 4
  • 案主男性,34歲悍赢。 從圖上分析决瞳,案主偏外向穩(wěn)定型性格,同時有時候在人際交往方面又有些被動左权,保守皮胡。渴望陪伴赏迟,喜歡用老...
    皮皮爸爸時代閱讀 162評論 0 0
  • 容我這樣懷想今夜 春雨芬芳屡贺,紫藤瘋長 交錯的枝條織起錦繡 招迎的青碧綴滿鮮紫 漫步石徑,漫步畫里 紫藤彌漫天空锌杀,縈...
    樹梢的雪閱讀 234評論 19 17