第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

在javascript中添加刪除按鈕

在javascript中添加刪除按鈕

函數(shù)式編程 2023-10-04 14:15:03
我正在嘗試在 javascript 中添加刪除按鈕，該按鈕會在單擊時自行刪除，但我不知道如何操作。這是我的代碼：<script>function displayPost(){var thisDiv = document.getElementById("posts");var theDate = document.createElement("P");theDate.classList.add("post-date");var trash= document.createElement("BUTTON");trash.classList.add("post-trash");trash.innerHTML = '<i class="fa fa-window-close" aria-hidden="true"></i>';thisDiv.appendChild(theDate);thisDiv.appendChild(trash);theDate.innerHTML = new Date();trash.onclick = del(this);}function del(x){var delTrash = document.getElementsByClassName("post-trash");var delDate = document.getElementsByClassName("post-date");var index = deltrash.indexof(x);thisdiv.removeChild(hideTrash[index]);thisdiv.removeChild(delDate[index]);}</script>抱歉，我對 Javascript 還很陌生。任何形式的幫助表示贊賞。謝謝
查看完整描述

2 回答

?
拉丁的傳說

TA貢獻(xiàn)1789條經(jīng)驗(yàn) 獲得超8個贊

的值onclick應(yīng)該是一個函數(shù)，您在進(jìn)行賦值時調(diào)用該函數(shù)。

trash.onclick = function() { del(this) };

另外，thisDiv是本地的displayPost()，你不能在 中使用它del()。你需要使用x.parentElement.

您在 中還有很多其他拼寫錯誤和小錯誤del()，請參閱下面的更正。

function displayPost() {

  var thisDiv = document.getElementById("posts");

  var theDate = document.createElement("P");

  theDate.classList.add("post-date");

  var trash = document.createElement("BUTTON");

  trash.classList.add("post-trash");

  trash.innerHTML = '<i class="fa fa-window-close" aria-hidden="true"></i>';

  thisDiv.appendChild(theDate);

  thisDiv.appendChild(trash);

  theDate.innerHTML = new Date();

  trash.onclick = function() {del(this);};

}


function del(x){

    var delTrash = document.getElementsByClassName("post-trash");

    var delDate = document.getElementsByClassName("post-date");

    var thisDiv = x.parentElement;

    var index = Array.from(delTrash).indexOf(x);

    thisDiv.removeChild(delTrash[index]);

    thisDiv.removeChild(delDate[index]);

}

<div id="posts">

</div>

<button onclick="displayPost()">Add post</button>


查看完整回答
反對 回復(fù) 2023-10-04
?
繁星coding

TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個贊

如果我答對了你的問題，這可能會對你有幫助。


<div class="container">

    <!-- some posts with delete button -->

    <div class="post">

        Post One

        <button class="delete-post">Delete Post</button>

    </div>

    <div class="post">

        Post Two

        <button class="delete-post">Delete Post</button>

    </div>

    <div class="post">

        Post Three

        <button class="delete-post">Delete Post</button>

    </div>

</div>


<script>

    window.onload = () => {

        let postsDelBtn = document.getElementsByClassName("delete-post");

        console.log(postsDelBtn)

        for(let i = 0; i < postsDelBtn.length; i++){

            postsDelBtn[i].addEventListener('click', (event) => {

                event.target.parentNode.remove();

            })

        }

    }

</script>


查看完整回答
反對 回復(fù) 2023-10-04
  • 2 回答
  • 0 關(guān)注
  • 239 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號