我正在嘗試使用 javascript 隱藏網站上的一些欄位。為此，我使用相關瀏覽器的控制臺，在這里我將該欄位設定為 display = "none"; 使用 ClassName 或 ID，但我做了一些嘗試來改進這些東西。
在這些實驗中，我只找到了一個帶有<footer>標簽的欄位，但它既沒有 ClassName 也沒有 ID。
document.getElementsByClassName("footer")[0].style.display = "none";
如何使用 js 代碼使其不可見？如果您能回復我，非常感謝。我正在嘗試學習新的東西。
uj5u.com熱心網友回復：
您可以使用該document.querySelector()功能。這允許您指定任何有效的 CSS 選擇器，這意味著在這種情況下您可以使用元素的標簽型別來識別它。
演示：
document.querySelector("footer").style.display = "none";<div>Another div</div>
<footer>Hello</footer>該代碼將通過隱藏頁腳元素來洗掉現有的“Hello”訊息。仍然顯示的是“另一個 div”。
檔案：https ://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
uj5u.com熱心網友回復：
您已經可以在 CSS 中創建一個帶有樣式 display: none; 的類。然后在頁腳添加或附加該類，
let element = document.querySelector(".footer");
function hideFooter() {
element.classList.add("hide");
}.hide {
display: none;
}<footer class="footer">
<!-- footer code -->
<p>This Is Footer </p>
</footer>
<button onClick="hideFooter()"> Hide Footer </button>轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/496683.html
標籤：javascript html