如何在javascript中显示所选元素

我想打开一个模式，根据所选文本显示pdf，但只显示列表中的第一个。我该怎么办

index.html

<p><a id="other-activies-link">Semana Omnistack 11</a></p>
<p><a id="other-activies-link">28ª 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>

---

您不应该使用非唯一ID。如果用类替换id，代码应该可以工作。

不应该使用非唯一id。如果用类替换id，代码应该可以工作。

您不应该使用相同的

id

元素，它在这里可以工作，但不允许使用。我用相同的

类创建了一个演示。当然，
iframe
不会加载。我已经在代码中做了解释。看，如果对你有用的话


const selectedActivity=document.querySelectorAll（“.other activies链接”）；
selectedActivity.forEach（（链接）=>{
link.addEventListener（“单击”，（事件）=>{//在此处传递事件参数
document.getElementById(
“我的框架”
).src=`/files/${event.target.innerText}.pdf`；//改用innerText
console.clear（）；
log（event.target.innerText）；
console.log（event.target.textContent）；
});
});
Semana
Omnistack 11

28ªSemana do IME

&时代；
您不应该使用相同的
id
元素，它在这里可以工作，但不允许使用。我用相同的
类创建了一个演示。当然，
iframe
不会加载。我已经在代码中做了解释。看，如果对你有用的话


const selectedActivity=document.querySelectorAll（“.other activies链接”）；
selectedActivity.forEach（（链接）=>{
link.addEventListener（“单击”，（事件）=>{//在此处传递事件参数
document.getElementById(
“我的框架”
).src=`/files/${event.target.innerText}.pdf`；//改用innerText
console.clear（）；
log（event.target.innerText）；
console.log（event.target.textContent）；
});
});
Semana
Omnistack 11

28ªSemana do IME

&时代；
您应该改用类，元素的id应该始终是唯一的

Semana Omnistack 11

28ªSemana do IME

&时代；

这应该行得通

const selectedActivity=document.querySelectorAll（“.other activies链接”）；
...
您应该改用类，元素的id应该始终是唯一的

Semana Omnistack 11

28ªSemana do IME

&时代；

这应该行得通

const selectedActivity=document.querySelectorAll（“.other activies链接”）；
...
id应该是唯一的。试着用同样的课回答你的问题吗？id应该是唯一的。试着用同样的课回答你的问题吗？我用类替换了id，用innnertext替换了textcontent，modals不再打开，但是用类替换id效果很好。ThanksI用类替换ID，用innnertext替换textcontent，modals不再打开，但用类替换ID效果很好。谢谢
const selectedActivity = document.querySelectorAll("#other-activies-link");

selectedActivity.forEach((link) => {
  link.addEventListener("click", () => {
    document.getElementById(
      "myFrame"
    ).src = `/files/${event.target.textContent}.pdf`;
  });
});