知識要點
專注于為中小企業(yè)提供做網(wǎng)站、成都做網(wǎng)站服務(wù),電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)興安免費做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動了上千余家企業(yè)的穩(wěn)健成長,幫助中小企業(yè)通過網(wǎng)站建設(shè)實現(xiàn)規(guī)模擴充和轉(zhuǎn)變。
1.實現(xiàn)原理很簡單,通過點擊a標(biāo)簽設(shè)置div的display屬性隱藏或者顯示,
主要是對dom操作的掌握。
2.需要用到的dom操作:
parentNode 獲取父級元素
nextSibling獲取下一個緊跟的節(jié)點
previousSibling獲取上一個緊跟的節(jié)點
3.注意事項:
要考慮到當(dāng)點擊展開全文的時候,其他已經(jīng)展開的全文要收起來。
當(dāng)用nextSibling獲取下一個節(jié)點時候,不同瀏覽器的判斷是不一樣的
有的是獲取元素,有的獲取換行符或者空格,所以這里就要用到nodeType來判斷一下數(shù)據(jù)類型nodeType只返回數(shù)字1、2、3
只有返回1的時候獲取的才是元素節(jié)點
(我特么做的時候沒考慮到這個問題,還以為哪出毛病了搞了好久)
還有就是由于js里沒有像jquery里獲取同級所有元素的dom操作,所以我自己寫了個siblings(elm)
以后也可以用,一勞永逸
完整代碼
demo Jackie吉吉
12月3日 20:49 來自 +niPhone 6s
感謝@馬路口的YY 今天的款待!一直覺得你們兩口子顏值又高人又有趣,又都是高材生,認(rèn)識你們真的很是很幸運的一件事!~ 終于修成正果了呀~祝福你們新婚快樂白頭偕老~ 感謝...展開全文
感謝@馬路口的YY 今天的款待!一直覺得你們兩口子顏值又高人又有趣,又都是高材生,認(rèn)識你們真的很是很幸運的一件事!~ 終于修成正果了呀~祝福你們新婚快樂白頭偕老~ 感謝@SNH48-楊韞玉-- 讓我們相識[偷樂]以后也一起去看公演呀~ 哪個隊都成。 收起全文高曉松
44分鐘前 來自 微博 weibo.com
波瀾壯闊的獨立斗爭,風(fēng)起云涌的解放運動,卡斯特羅潑墨揮毫一人寫就半部古巴史。戴名表開豪車上名校,親美富二代卡斯特羅早早走上革命之路竟是由基因決定?艷福不淺,老卡又如何能在有生之年睡完傳聞中的35000個女人?高曉松用數(shù)據(jù)還原真實的古巴,看今日...展開全文
波瀾壯闊的獨立斗爭,風(fēng)起云涌的解放運動,卡斯特羅潑墨揮毫一人寫就半部古巴史。戴名表開豪車上名校,親美富二代卡斯特羅早早走上革命之路竟是由基因決定?艷福不淺,老卡又如何能在有生之年睡完傳聞中的35000個女人?高曉松用數(shù)據(jù)還原真實的古巴,看今日的它究竟是落后貧窮還是盛世繁華:L曉松奇談之革命領(lǐng)袖卡斯特羅的傳奇一生 收起全文
以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持創(chuàng)新互聯(lián)!