大佬教程收集整理的这篇文章主要介绍了原生js实现新闻列表展开/收起全文功能,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
1.实现原理很简单,通过点击a标签设置div的display属性隐藏或者显示,
主要是对dom操作的掌握。
2.需要用到的dom操作:
parentNode 获取父级元素
nextSibling获取下一个紧跟的节点
previousSibling获取上一个紧跟的节点
3.注意事项:
要考虑到当点击展开全文的时候,其他已经展开的全文要收起来。
当用nextSibling获取下一个节点时候,不同浏览器的判断是不一样的
有的是获取元素,有的获取换行符或者空格,所以这里就要用到nodeType来判断一下数据类型nodeType只返回数字1、2、3
只有返回1的时候获取的才是元素节点
(我特么做的时候没考虑到这个问题,还以为哪出毛病了搞了好久)
还有就是由于js里没有像jquery里获取同级所有元素的dom操作,所以我自己写了个siblings(elm)
以后也可以用,一劳永逸
:49 来自 +niPhone 6s
<div id="list0">
<p class="title">高晓松