如何在 HTML 中的点击 js 函数中使用参数

Question

我正在使用模板HTML来显示我的所有对象，并且我想使用唯一的ID来调用JS函数。ID 引用在单击某些文本时会展开的 div 元素，如下所示：function more(id){    document.getElementById(id).style.display = "block";    console.log('open')}如何为某些 HTML 标记中的每个对象传递不同的 ID 参数？这样：onclick="return more(<id>)";

Answer 1

准备好去赏金狩猎了吗？

function more(id){

  document.getElementById(id).style.display = 'block';

}

#treasures {

  width: 100%;

  display: none;

}

<img id="treasures" src="https://images.unsplash.com/photo-1550565360-6986a92b7169?ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80" alt="img">

<button onClick="more('treasures')">Press to unlock</button>

Answer 2

将 ID 作为字符串传递

function more(id) {

  document.getElementById(id).style.color = "green";

  console.log('open')

}

<button id='someId' onclick="more('someId')"> Hello</button>