知識(shí)要點(diǎn)

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),太平企業(yè)網(wǎng)站建設(shè),太平品牌網(wǎng)站建設(shè),網(wǎng)站定制,太平網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,太平網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。

1.實(shí)現(xiàn)原理很簡(jiǎn)單，通過(guò)點(diǎn)擊a標(biāo)簽設(shè)置div的display屬性隱藏或者顯示，

主要是對(duì)dom操作的掌握。

2.需要用到的dom操作：

parentNode 獲取父級(jí)元素

nextSibling獲取下一個(gè)緊跟的節(jié)點(diǎn)

previousSibling獲取上一個(gè)緊跟的節(jié)點(diǎn)

3.注意事項(xiàng)：

要考慮到當(dāng)點(diǎn)擊展開(kāi)全文的時(shí)候，其他已經(jīng)展開(kāi)的全文要收起來(lái)。

當(dāng)用nextSibling獲取下一個(gè)節(jié)點(diǎn)時(shí)候，不同瀏覽器的判斷是不一樣的

有的是獲取元素，有的獲取換行符或者空格，所以這里就要用到nodeType來(lái)判斷一下數(shù)據(jù)類型nodeType只返回?cái)?shù)字1、2、3

只有返回1的時(shí)候獲取的才是元素節(jié)點(diǎn)

（我特么做的時(shí)候沒(méi)考慮到這個(gè)問(wèn)題，還以為哪出毛病了搞了好久）

還有就是由于js里沒(méi)有像jquery里獲取同級(jí)所有元素的dom操作，所以我自己寫(xiě)了個(gè)siblings(elm)

以后也可以用，一勞永逸

完整代碼

 
 

 

 

 
Jackie吉吉
 
12月3日 20:49 來(lái)自 +niPhone 6s
 
感謝@馬路口的YY 今天的款待！一直覺(jué)得你們兩口子顏值又高人又有趣，又都是高材生，認(rèn)識(shí)你們真的很是很幸運(yùn)的一件事！~ 終于修成正果了呀~祝福你們新婚快樂(lè)白頭偕老~ 感謝...展開(kāi)全文
 
感謝@馬路口的YY 今天的款待！一直覺(jué)得你們兩口子顏值又高人又有趣，又都是高材生，認(rèn)識(shí)你們真的很是很幸運(yùn)的一件事！~ 終于修成正果了呀~祝福你們新婚快樂(lè)白頭偕老~ 感謝@SNH48-楊韞玉-- 讓我們相識(shí)[偷樂(lè)]以后也一起去看公演呀~ 哪個(gè)隊(duì)都成。
 收起全文
 
 

 

 
高曉松
 
44分鐘前 來(lái)自 微博 weibo.com
 
波瀾壯闊的獨(dú)立斗爭(zhēng)，風(fēng)起云涌的解放運(yùn)動(dòng)，卡斯特羅潑墨揮毫一人寫(xiě)就半部古巴史。戴名表開(kāi)豪車(chē)上名校，親美富二代卡斯特羅早早走上革命之路竟是由基因決定？艷福不淺，老卡又如何能在有生之年睡完傳聞中的35000個(gè)女人？高曉松用數(shù)據(jù)還原真實(shí)的古巴，看今日...展開(kāi)全文
 
波瀾壯闊的獨(dú)立斗爭(zhēng)，風(fēng)起云涌的解放運(yùn)動(dòng)，卡斯特羅潑墨揮毫一人寫(xiě)就半部古巴史。戴名表開(kāi)豪車(chē)上名校，親美富二代卡斯特羅早早走上革命之路竟是由基因決定？艷福不淺，老卡又如何能在有生之年睡完傳聞中的35000個(gè)女人？高曉松用數(shù)據(jù)還原真實(shí)的古巴，看今日的它究竟是落后貧窮還是盛世繁華：L曉松奇談之革命領(lǐng)袖卡斯特羅的傳奇一生
 收起全文
 
 
 

 
王尼瑪
 
12月7日 12:30 來(lái)自 微博weibo.com
 
已退役的美國(guó)休斯頓德州人橄欖球隊(duì)的外接手安德烈·約翰遜，為12位由兒童保護(hù)服務(wù)組織選出的孩子買(mǎi)圣誕節(jié)玩具，孩子們可以在80秒內(nèi)...展開(kāi)全文
 
已退役的美國(guó)休斯頓德州人橄欖球隊(duì)的外接手安德烈·約翰遜，為12位由兒童保護(hù)服務(wù)組織選出的孩子買(mǎi)圣誕節(jié)玩具，孩子們可以在80秒內(nèi)選擇他們喜歡的任何玩具，最終這些玩具花費(fèi)19144.58美元，慷慨！好了好了別鬧了，論飆車(chē)還是應(yīng)該老司機(jī)出馬！
 收起全文
 
 
 
 
 

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

當(dāng)前標(biāo)題：原生js實(shí)現(xiàn)新聞列表展開(kāi)/收起全文功能-創(chuàng)新互聯(lián)
本文URL：http://weahome.cn/article/dcpshd.html