本节书摘来自异步社区《html5 开发实例大全》一书中的第1章，第1.27节,作者： 张明星 更多章节内容可以访问云栖社区“异步社区”公众号查看。
实例说明
在html 5 中，绝大部分的元素都支持“hidden”属性，该属性只有如下两个取值。
true：当“hidden”的取值为“true”时，元素不在页面中显示，但还存在于页面中。
false：当“hidden”的取值为“false”时，则显示于页面中。该属性的默认值为“false”，即元素创建时便显示出来。
在本实例中，使用< nav >元素设置两个相互排斥的单选按钮，一个用于显示< article >元素，另一个用于隐藏< article >元素。然后编写相应的javascript代码实现隐藏功能。
具体实现
使用dreamweaver创建一个名为“027.html”的文件，具体代码如下所示：
在上述javascript代码中，自定义了一个rdo_click()函数，用于在单击单选按钮时调用。在该函数中，先获取单击单选按钮时传回的变量“v”值，然后将“v”值转成“hidden”属性对应的布尔值“true”或“false”；最后通过setattribute()方法，将该值设置到< article >元素的“hidden”属性中，从而实现隐藏的效果。执行后的初始效果如图1-46所示，选择“隐藏”按钮后文字将隐藏，如图1-47所示。
https://yqfile.alicdn.com/49e517b53ed07b620a0f06ce818ed88f22006a3a.png" >