HTML5 的<details>
来源:互联网 发布:ubuntu脚本输出一个数 编辑:程序博客网 时间:2024/05/16 08:03
最近在整一个网站的侧边栏:用到了HTML 5的<details>标签,以下是截图。
首先说一下<details>标签:
定义和用法
<details> 标签用于描述文档或文档某个部分的细节。
属性
new : HTML5 中的新属性。
在HTML页面中,detail的用法:
<details open>...</details>表示“展开”
<details off>...</details>表示“收缩”
但是在js中,想要通过修改DOM树种的节点属性与以往的用法有点区别:
(details)element.open='open'; //表示"展开"
(details)element.open=''; //表示"收缩"
总结,在对open属性的介绍时,有句话非常重要:在默认情况下,不显示<details>中的内容。
设置属性open='';就表示默认情况。
0 0
- HTML5 的<details>
- HTML5的<details>和<summary>
- HTML5的<details>和<summary>
- HTML5 <details>
- HTML5 <details> 标签
- HTML5教程之details展开收缩标签的应用
- HTML5教程之details展开收缩标签的应用
- HTML5教程之details展开收缩标签的应用
- details
- Submission Details [leetcode] 算法的改进
- 【GDKOI2016】不稳定的传送门Code&Details
- 基于人工神经网络的五子棋博弈(Details)
- Html5新增小元素:figure与figurecaption address progress meter mark details与summary
- HTML5 笔记1— details元素、mark元素、progress元素、meter元素
- HTML5规范:mark标签,下载进度progress,显示度量值meter,details标签
- 从零开始前端学习[27]:html5中的特殊结构标签,ruby,mark,meter,progress,details
- HTML5 - html5标签的变化
- HTML5 - html5标签的变化
- Spring中Quartz的配置
- SQL实现分组排序编号(rownumber+over的替代办法)
- Impala 教程
- 【项目1-建立顺序串的算法库】
- BroadcastReceiver应用详解
- HTML5 的<details>
- 第8周项目5-计数的模式匹配
- 2014蓝桥杯C/C++语言本科B组预赛试题 编程
- windows下安装scrapy爬虫框架
- Android APK反编译就这么简单 详解(附图)
- mybatis 配置log4j输出sql
- 使用zipalign工具报Unable to open 'xxx.apk' as zip archive 问题
- 程序运行崩溃 SIGABRT __NSDictionaryI rangeOfCharacterFromSet:]
- 关于针孔摄像机成像的几何建模