真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

原生js實現(xiàn)新聞列表展開/收起全文功能

知識要點

專注于為中小企業(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)袖卡斯特羅的傳奇一生 收起全文

王尼瑪

12月7日 12:30 來自 微博weibo.com

已退役的美國休斯頓德州人橄欖球隊的外接手安德烈·約翰遜,為12位由兒童保護(hù)服務(wù)組織選出的孩子買圣誕節(jié)玩具,孩子們可以在80秒內(nèi)...展開全文

已退役的美國休斯頓德州人橄欖球隊的外接手安德烈·約翰遜,為12位由兒童保護(hù)服務(wù)組織選出的孩子買圣誕節(jié)玩具,孩子們可以在80秒內(nèi)選擇他們喜歡的任何玩具,最終這些玩具花費19144.58美元,慷慨!好了好了別鬧了,論飆車還是應(yīng)該老司機出馬! 收起全文

以上就是本文的全部內(nèi)容,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助,同時也希望多多支持創(chuàng)新互聯(lián)!


本文名稱:原生js實現(xiàn)新聞列表展開/收起全文功能
文章路徑:http://weahome.cn/article/pjeess.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部