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

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

如何在javascript中顯示選定的元素

如何在javascript中顯示選定的元素

湖上湖 2022-08-04 16:50:36
我想打開(kāi)一個(gè)模式，根據(jù)所選文本顯示pdf，但只顯示列表中的第一個(gè)。我該怎么辦？索引.html<p><a id="other-activies-link">Semana Omnistack 11</a></p><p><a id="other-activies-link">28a Semana do IME</a></p><div id="myModal" class="modal"> <div class="modal-content">  <span class="close">&times;</span>  <iframe id="myFrame" frameborder="0" allowfullscreen></iframe> </div></div>腳本.jsconst selectedActivity = document.querySelectorAll("#other-activies-link");selectedActivity.forEach((link) => {  link.addEventListener("click", () => {    document.getElementById(      "myFrame"    ).src = `/files/${event.target.textContent}.pdf`;  });});
查看完整描述

3 回答

?
慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊

你不應(yīng)該使用相同的元素，它可以在這里工作，但它是令人不快的。我用相同的.當(dāng)然，不會(huì)加載。我已經(jīng)在代碼本身中進(jìn)行了解釋?？矗绻鼘?duì)你有用。idclassiframe


const selectedActivity = document.querySelectorAll(".other-activies-link");


selectedActivity.forEach((link) => {

  link.addEventListener("click", (event) => { // pass event parameter here

  

    document.getElementById(

      "myFrame"

    ).src = `/files/${event.target.innerText}.pdf`; // use innerText instead

    console.clear();

    console.log(event.target.innerText);

    console.log(event.target.textContent);

  });

});

<p><a class="other-activies-link">Semana<br> Omnistack 11</a></p>

<p><a class="other-activies-link">28a Semana do IME</a></p>


<div id="myModal" class="modal">

 <div class="modal-content">

  <span class="close">&times;</span>

  <iframe id="myFrame" frameborder="0" allowfullscreen></iframe>

 </div>

</div>

請(qǐng)參閱和此處之間的區(qū)別。innerTexttextContent



查看完整回答
反對(duì) 回復(fù) 2022-08-04
?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

不應(yīng)使用非唯一 ID。如果將 id 替換為類(lèi)，則代碼應(yīng)該可以正常工作。


查看完整回答
反對(duì) 回復(fù) 2022-08-04
?
守著星空守著你

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

您應(yīng)該改用類(lèi)，元素的id應(yīng)始終是唯一的


<p><a class="other-activies-link">Semana Omnistack 11</a></p>

<p><a class="other-activies-link">28a Semana do IME</a></p>


<div id="myModal" class="modal">

 <div class="modal-content">

  <span class="close">&times;</span>

  <iframe id="myFrame" frameborder="0" allowfullscreen></iframe>

 </div>

</div>

這應(yīng)該有效，


const selectedActivity = document.querySelectorAll(".other-activies-link");


...


查看完整回答
反對(duì) 回復(fù) 2022-08-04
  • 3 回答
  • 0 關(guān)注
  • 157 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

 幫助反饋 APP下載

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

 公眾號(hào)

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