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

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

單擊時在 html 中使用 javascript 刪除內容

單擊時在 html 中使用 javascript 刪除內容

紅糖糍粑 2022-10-08 15:43:51
我之前曾發(fā)布過有關此頁面的信息，我正在嘗試創(chuàng)建，但仍然遇到錯誤。我對此很陌生并且感到困惑。我需要使用 for 循環(huán)來遍歷圖像并為每個圖像分配一個事件偵聽器，以便在單擊它們時將它們刪除。我對差異變量感到困惑并將html拉入我的javascript。我不斷收到“.addEventListener 不是一個函數”，所以我不斷改變事情但迷路了。<!DOCTYPE html><html>  <body>    <div id = 'img'>    <img src="https://www.sciencemag.org/sites/default/files/styles/article_main_large/public/dogs_16x9_0.jpg?itok=byPuhQjh" id="img"/>    <img src="https://www.yvr.ca/-/media/yvr/blog/2018/57_yvr_puppies_2018.jpg" id="img"/></div>    <script text="javascript">    let images = document.querySelectorAll("img");    for (let i = 0; i < images.length; i++){  images[i].addEventListener("click", () => {        images[i].remove();      });    }    </script>  </body></html>
查看完整描述

6 回答

?
慕妹3146593

TA貢獻1820條經驗 獲得超9個贊

您正在直接訪問數組，它不會有 addEventListener。試試 images[i].addEventListener



查看完整回答
反對 回復 2022-10-08
?
飲歌長嘯

TA貢獻1951條經驗 獲得超3個贊

images.addEventListener應該是images[i].addEventListener。您希望將偵聽器添加到數組中的特定圖像，而不是數組本身。類似的問題images.remove()。



查看完整回答
反對 回復 2022-10-08
?
有只小跳蛙

TA貢獻1824條經驗 獲得超8個贊

首先，您的容器和兩個圖像都有相同的 id - ID 應該是唯一的。其次，正如人們已經提到的，您不能將 eventListener 附加到對象數組。像這樣的事情應該做：


let images = document.querySelectorAll("[id^='img']");

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

  images.forEach(i=>{i.addEventListener("click", () => {

        i.remove();

        });

      });

    }

 <div id = 'box'>

    <img src="https://www.sciencemag.org/sites/default/files/styles/article_main_large/public/dogs_16x9_0.jpg?itok=byPuhQjh" id="img1"/>

    <img src="https://www.yvr.ca/-/media/yvr/blog/2018/57_yvr_puppies_2018.jpg" id="img2"/>

</div>


查看完整回答
反對 回復 2022-10-08
?
森欄

TA貢獻1810條經驗 獲得超5個贊

這將對您有所幫助 - https://jsfiddle.net/n5mk9Lzj/


let images = document.querySelectorAll("img");

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

    images[i].addEventListener("click", function() {

        images[i].remove();

    });

}


查看完整回答
反對 回復 2022-10-08
?
ABOUTYOU

TA貢獻1812條經驗 獲得超5個贊

  1. 您不能將事件處理程序附加到圖像列表

  2. 所以循環(huán)圖像并為它們中的每一個

// for each image in images 

image.onclick = function (e) {

        e.target.parentNode.removeChild(e.target);


查看完整回答
反對 回復 2022-10-08
?
BIG陽

TA貢獻1859條經驗 獲得超6個贊

您需要更新代碼，您沒有在循環(huán)內使用索引。您不能將任何偵聽器直接添加到圖像數組。


<!DOCTYPE html>

<html>

  <body>

    <div id = 'img'>

    <img src="https://www.sciencemag.org/sites/default/files/styles/article_main_large/public/dogs_16x9_0.jpg?itok=byPuhQjh" id="img"/>

    <img src="https://www.yvr.ca/-/media/yvr/blog/2018/57_yvr_puppies_2018.jpg" id="img"/>

</div>

    <script text="javascript">

    let images = document.querySelectorAll("img");

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

  images[i].addEventListener("click", () => {

        images[i].remove();

      });

    }

    </script>

  </body>

</html>


查看完整回答
反對 回復 2022-10-08
  • 6 回答
  • 0 關注
  • 130 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號