如何在 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){&nbsp; document.getElementById(id).style.display = 'block';}#treasures {&nbsp; width: 100%;&nbsp; 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) {&nbsp; document.getElementById(id).style.color = "green";&nbsp; console.log('open')}<button id='someId' onclick="more('someId')"> Hello</button>