首先，我將展示我的代碼
const mainButton = document.getElementById("start__button").addEventListener("click", function(event){
event.target.parentNode.removeChild(event.target);
});
通過單擊按鈕，我希望它消失，然后在導航欄等頁面上出現新元素。問題是我現在無法處理它，我需要一些幫助：P
uj5u.com熱心網友回復：
如您帖子上的標簽所示，您使用的是 jQuery。因此，請嘗試以下操作：
首先，將display: none樣式添加到所有應該在開始時隱藏的元素。為方便起見，您可以使用隱藏類。
.hidden {
display: none;
}
然后，在按鈕上添加一個 onclick 事件，隱藏按鈕并顯示所有以前隱藏的元素。
$("start__button").on("click", function() {
$(this).hide();
$(".hidden").show();
});
uj5u.com熱心網友回復：
const mainButton = document.getElementById("start__button").addEventListener("click", function(event){
document.getElementById("navbar").classList.toggle("hidden");
});.hidden{
display:none;
}<navbar id="navbar">My navbar body....</navbar>
<button id="start__button">My Button</button>這可能會對您有所幫助
通過該classList.toggle()功能，您可以在單擊按鈕時切換導航欄或任何其他 html 元素的類，然后使用簡單的 css，您不僅可以隱藏或顯示元素，還可以進行其他更改
洗掉整個元素element.innerHTML = "..."不建議從檔案中再次添加它。謝謝。
uj5u.com熱心網友回復：
您可以在單擊包裝元素后對要顯示的所有內容進行分組。
const mainButton = document.getElementById("start__button");
mainButton.addEventListener("click", function(event){
this.remove();
document.querySelector('main').classList.remove('hidden')
});.hidden {
display: none;
}
main > * {
padding: 1rem;
}
nav, footer {
background: black;
color: #fff;
}<button id="start__button">start</button>
<main class="hidden">
<nav>Navigation</nav>
<section>Content</section>
<footer>Footer</footer>
</main>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/410084.html
標籤：