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

Question

[Hell，我正在使用模板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

将ID作为字符串传递

function more(id) {
  document.getElementById(id).style.color = "green";
  console.log('open')
}

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

Answer 2

只需使用此：

function more(id){
  document.getElementById(id).style.color = 'red';  
  console.log('open');
}

<p id="text">Lorem Ipsum</p>
<button onClick="more('text')">Click me</button>