版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
節(jié)點(diǎn)操作1獲取節(jié)點(diǎn)獲取父節(jié)點(diǎn):在JavaScript中,可以使用parentNode屬性獲取當(dāng)前節(jié)點(diǎn)的父節(jié)點(diǎn),如果該節(jié)點(diǎn)沒有父節(jié)點(diǎn),那么parentNode屬性返回null。獲取父節(jié)點(diǎn)的示例代碼如下。node.parentNodeDOM節(jié)點(diǎn)對(duì)象1獲取節(jié)點(diǎn)屬性說明firstChild獲取當(dāng)前節(jié)點(diǎn)的首個(gè)子節(jié)點(diǎn)lastChild獲取當(dāng)前節(jié)點(diǎn)的最后一個(gè)子節(jié)點(diǎn)firstElementChild獲取當(dāng)前節(jié)點(diǎn)的首個(gè)子元素節(jié)點(diǎn)lastElementChild獲取當(dāng)前節(jié)點(diǎn)的最后一個(gè)子元素節(jié)點(diǎn)children獲取當(dāng)前節(jié)點(diǎn)的所有子元素節(jié)點(diǎn)集合childNodes獲取當(dāng)前節(jié)點(diǎn)的所有子節(jié)點(diǎn)集合獲取子節(jié)點(diǎn):在DOM中,用來獲取子節(jié)點(diǎn)的屬性有很多,可以結(jié)合子節(jié)點(diǎn)的特征進(jìn)行獲取。1獲取節(jié)點(diǎn)childNodes屬性瀏覽器兼容性IE6~IE8中childNodes屬性不會(huì)獲取文本節(jié)點(diǎn)。在IE9及以上版本和主流瀏覽器中則可以獲取文本節(jié)點(diǎn)。在開發(fā)過程中,有時(shí)需要?jiǎng)?chuàng)建一個(gè)新節(jié)點(diǎn)并添加到文檔中。例如,在“百度”搜索引擎中進(jìn)行搜索后,搜索框下方的搜索記錄列表中會(huì)增加一個(gè)新歷史記錄,這個(gè)新歷史記錄就可以通過創(chuàng)建并添加節(jié)點(diǎn)實(shí)現(xiàn)。2創(chuàng)建并添加節(jié)點(diǎn)2創(chuàng)建并添加節(jié)點(diǎn)創(chuàng)建節(jié)點(diǎn):使用document對(duì)象的createElement()方法可以創(chuàng)建元素節(jié)點(diǎn),語法如下。創(chuàng)建節(jié)點(diǎn)的示例代碼如下。使用createElement()方法創(chuàng)建的節(jié)點(diǎn)是頁面中原本不存在的,所以這種方式也稱為動(dòng)態(tài)創(chuàng)建節(jié)點(diǎn)。Tipvardiv=document.createElement('div');console.log(div);//結(jié)果為:<div></div>document.createElement('標(biāo)簽名');2創(chuàng)建并添加節(jié)點(diǎn)添加節(jié)點(diǎn):節(jié)點(diǎn)創(chuàng)建后,我們需要根據(jù)實(shí)際的開發(fā)需求將節(jié)點(diǎn)添加到文檔中的指定位置。添加節(jié)點(diǎn)的方法:DOM中提供了appendChild()方法和insertBefore()方法用于添加節(jié)點(diǎn),這兩個(gè)方法都由父節(jié)點(diǎn)的對(duì)象調(diào)用。appendChild()方法表示將一個(gè)節(jié)點(diǎn)添加到父節(jié)點(diǎn)的所有子節(jié)點(diǎn)的末尾。insertBefore()方法表示將一個(gè)節(jié)點(diǎn)添加到父節(jié)點(diǎn)中的指定子節(jié)點(diǎn)的前面,該方法需要接收兩個(gè)參數(shù),第1個(gè)參數(shù)表示要添加的節(jié)點(diǎn),第2個(gè)參數(shù)表示父節(jié)點(diǎn)中的指定子節(jié)點(diǎn)。移除節(jié)點(diǎn):在DOM中,可以通過removeChild()方法將一個(gè)父節(jié)點(diǎn)的指定子節(jié)點(diǎn)移除,語法格式如下。node.removeChild(child)父節(jié)點(diǎn)3移除節(jié)點(diǎn)移除指定的子節(jié)點(diǎn)child4復(fù)制節(jié)點(diǎn)復(fù)制節(jié)點(diǎn):在DOM中,可以通過cloneNode()方法復(fù)制節(jié)點(diǎn)。通過一個(gè)節(jié)點(diǎn)對(duì)象調(diào)用cloneNode()方法后,該方法會(huì)返回節(jié)點(diǎn)對(duì)象的副本。該方法的第1個(gè)參數(shù)是可選參數(shù),具體說明如下。默認(rèn)為false,表示只復(fù)制節(jié)點(diǎn)本身,不復(fù)制節(jié)點(diǎn)內(nèi)部的子節(jié)點(diǎn)。如果設(shè)為true,表示復(fù)制節(jié)點(diǎn)本身及里面所有的子節(jié)點(diǎn)。案例實(shí)現(xiàn)步驟搭建頁面結(jié)構(gòu)。實(shí)現(xiàn)單擊“發(fā)布”按鈕發(fā)表留言的功能。實(shí)現(xiàn)刪除留言功能。5【案例】簡
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 《科匠企業(yè)號(hào)介紹》課件
- DBJ51-T 190-2022 四川省裝配式支吊架抗震技術(shù)標(biāo)準(zhǔn)
- 2024年大學(xué)創(chuàng)新創(chuàng)業(yè)工作總結(jié)
- 《我的時(shí)間管理分享》課件
- 《村鎮(zhèn)銀行介紹》課件
- 新媒體春分營銷策略
- 酒店前臺(tái)話務(wù)員工作總結(jié)
- 企業(yè)生涯規(guī)劃圖譜
- 2023-2024年項(xiàng)目部安全培訓(xùn)考試題及答案往年題考
- 2023年-2024年項(xiàng)目部管理人員安全教育培訓(xùn)試題及答案(各地真題)
- 用人單位職業(yè)病危害現(xiàn)狀評(píng)價(jià)技術(shù)導(dǎo)則
- 中建一局質(zhì)量考核評(píng)價(jià)辦法
- 民辦非企業(yè)單位會(huì)計(jì)報(bào)表(會(huì)民非表010203)
- 口腔頜面系統(tǒng)解剖骨
- 川骨香-川古香手撕鴨配方及制作方法
- 深圳市排水管網(wǎng)維護(hù)管理質(zhì)量
- 變電站二次設(shè)計(jì)規(guī)范
- 能見度不良時(shí)船舶航行須知
- 軟膠囊的制備
- 實(shí)習(xí)證明、實(shí)習(xí)證明表(模板)2頁
- 目視化管理實(shí)施計(jì)劃方案
評(píng)論
0/150
提交評(píng)論