首頁 >web前端 >js教程 >如何使用 JavaScript 透過類別名稱切換多個 HTML 元素的可見性?

如何使用 JavaScript 透過類別名稱切換多個 HTML 元素的可見性?

Barbara Streisand
Barbara Streisand原創
2024-11-14 18:06:021018瀏覽

How to Toggle the Visibility of Multiple HTML Elements by Class Name with JavaScript?

如何使用 JavaScript 以類別名稱切換 HTML 元素的可見性

您想要動態控制網頁上特定 DIV 的可見性。但是,目前的 JavaScript 腳本依賴 getElementById,這不適合,因為您的 DIV 是透過類別名稱而不是 ID 來識別的。

要克服這個挑戰,您可以利用現代瀏覽器支援的 getElementsByClassName 方法。這是一個全面的解決方案:

現在,您可以修改切換腳本以使用getElementsByClassName:

此更新的腳本允許您使用以下命令無縫切換多個DIV 的可見性相同的類別名稱。

以上是如何使用 JavaScript 透過類別名稱切換多個 HTML 元素的可見性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn