onClick-将样式更改为多个DOM节点

Question

我有很多段落和标题。我希望能够使用和事件更改段落<p>，但仅更改最上面的段落。以下是一个示例

<p id= "id1"> text </p>
<h3> heading </h3>
<p id= "id1"> more text </p>
<button type="button" onclick="document.getElementById('id1').style.color = 'red'">Click Me!</button>

当我这样做时，只有最上面的段落会改变。是否有可能改变所有参数。另外，我将如何使用图像而不是按钮？Tks

Answer 1

如评论中所述，您正在通过其ID定位一个元素。您需要查询所有段落并将样式应用于每个段落。