我最近在我的浏览器中浏览过JS,出于好奇,看看有些网站是如何处理它的,并且特别是在一个网站上发现了一些似乎不太可能的功能,基于什么我知道。
如果有用,可以给出更多上下文,但源代码的片段如下:
<a class="expando-button toggleImage video-muted collapsed collapsedExpando" title="" data-host="gfycat"></a>
^^这是一个小小图标的标记,点击后,从兄弟div元素中移除隐藏属性,几个兄弟姐妹:
<div hidden="" class="res-expando-box" style="min-height: 20px" data-host="gfycat">
<div class="res-expando-box-inner"></div>
</div>
^^嵌套在某个地方的div里面是一个显示gif的视频元素。当单击锚元素时,“隐藏”属性在该外部div中打开/关闭,我无法找出发生这种情况的机制。
我在Chrome的开发工具中可以看到这些元素中任何类的CSS都没有给我任何关于任何与“隐藏”属性有关的线索,我不能在CSS或HTML文档中找到任何可以让我弄清楚如何做到这一点的东西。
显然,如果不了解更多有关这一特定背景的内容,可能很难确切地说明如何实现这一目标,但我希望能够提出一些关于如何实现这一目标的一般性想法。
那么,更一般地说,是否有一种方法可以使用锚元素来切换单独元素的属性,而不使用所述锚元素的“href”属性,并且没有JavaScript?