本節書摘來自異步社群《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" >