details « 张鑫旭-鑫空间-鑫生活

文章关键字 ‘details’

2026年07月9日，星期四

封面图

之前有setHTMLUnsafe()，现在新增了setHTML()方法，前有document.startViewTransition()，现在增强为元素也支持startViewTransition方法，都来看看他们的作用吧！

2026年06月22日，星期一

封面占位图 html command

介绍两个我觉得相当实用的HTML和DOM新特性，自此，无JS交互的场景再次丰富了一层，有兴趣的可以进来了解一番。

2025年11月24日，星期一

封面图

details元素又新支持了一个CSS选择::details-content伪元素，可以匹配内容阴影DOM，我们可以利用这个伪元素进行区域背景设置，或者实现实用的展开收起的动画效果。

2020年11月26日，星期四

思考的狐狸，突发奇想的张鑫旭

利用浏览器单复选框原生点击的特性，抽象出一个实时同步规则，无需针对每一种交互效果去写具体的代码，就可以实现全覆盖的点击交互事件增强支持，可谓一本万利，大家不妨进来看看到底香不香。

2018年01月15日，星期一

HTML5 details, summary这两个标签元素内置交互行为，我们可以充分利用这种交互特性不借助任何JavaScript代码实现各种交互效果。当然，前提需要解决自定义以及outline等体验问题。本文就将带你深入探索这两个非常实用的标签元素。