JavaScript 隱藏 DIV 的方法

JavaScript 是一種客戶端腳本語言，可以在網頁中執行各種操作，包括隱藏和顯示元素。要隱藏 DIV，可以使用以下方法之一：

1. innerHTML 和 display 屬性

// 獲取 DIV 元素
const myDiv = document.getElementById("myDiv");

// 設置 innerHTML 為空字符串
myDiv.innerHTML = "";

// 設置 display 屬性為 "none"
myDiv.style.display = "none";

2. visibility 屬性

// 獲取 DIV 元素
const myDiv = document.getElementById("myDiv");

// 設置 visibility 屬性為 "hidden"
myDiv.style.visibility = "hidden";

3. addEventListener

// 獲取 DIV 元素
const myDiv = document.getElementById("myDiv");

// 監聽 "click" 事件
myDiv.addEventListener("click", function() {
  // 切換 display 屬性
  myDiv.style.display = (myDiv.style.display === "none") ? "block" : "none";
});

4. remove() 方法

// 獲取 DIV 元素
const myDiv = document.getElementById("myDiv");

// 從 DOM 中移除 DIV 元素
myDiv.remove();

5. jQuery

// 使用 jQuery 隱藏 DIV 元素
$("#myDiv").hide();

選擇哪種方法取決于具體情況和偏好。一般來說，用于頻繁切換可見性時，EventHandler 或 jQuery 方法更合適，而 用于永久隱藏或移除元素時，innerHTML 和 display 屬性更適合。