首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
您现在的位置: 程式碼之家 >> 編程語言 >  >> 更多程式語言 >> 程式設計綜合問答

JavaScript 隱藏顯示切換邏輯錯誤:布林判斷與 HTML5 hidden 屬性誤用

     編輯:程式設計綜合問答

原代碼兩錯:

  1. var blnShow = (v) ? false : true; 中 v 為字串非空即真,導致 blnShow 恆為 false。應改 v == 'show' 等明確比較。
  2. hidden 為布林屬性,存在即隱藏,無視值。應用 removeAttribute('hidden') 顯示,或直接操作 element.hidden = true/false(需瀏覽器支援)。

修正示範

var blnShow = (v === 'show');
element.hidden = !blnShow; // 現代瀏覽器支援
// 或
if (blnShow) element.removeAttribute('hidden');
else element.setAttribute('hidden', '');
  1. 上一篇文章:
  2. 下一篇文章:
Copyright © 程式碼之家 All Rights Reserved