Javascript 使用onclick方法隐藏document.getElementsByClassName为的元素

我知道，也有类似的话题，但从那里学到的知识对我来说并不适用

所以我想在单击img时使第一个div元素“消失”。。问题是，我在img上有第二个函数，有些东西不起作用。更准确地说，像/displake这样的函数效果很好。。所以我认为，我没有正确地将参数传递给函数hide。我的控制台中没有错误

顺便说一句，我在onclick中故意使用了两个函数，也故意按类名获取元素，因为我有几个元素使用相同的ID

从我的代码粘贴的片段：

<script type="text/javascript">
function hide(clicked){
    var click = document.getElementsByClassName('clicked');
           for(var i = 0; i < click.length; i = i + 1) {
       click[i].style.display="none";
    }
}
</script>

<div class="<?php echo $user['id']; ?>" id="single">
   <div class="buttons"><img  class="single-button-red" id="<?php echo $user['id']; ?>" src="red-button.png" onclick="dislike(this.id);hide(this.id);" /><img class="single-button-green" id="<?php echo $user['id']; ?>" src="green-button.png" onclick="like(this.id);hide(this.id);"/></div>
   <div class="single-content"><?php echo $user['name']. "<br />". $user['age']. " lat"."<br />".distance($row['latitude'], $row['longitude'], $user['latitude'], $user['longitude'])." km"; ?></div>
   <a href="/user.php?id=<?php echo $user['id']; ?>">
      <div class="user-img"></div>
   </a>
</div>
<?php

函数隐藏（单击）{
var click=document.getElementsByClassName（'clicked'）；
对于（变量i=0；i
函数hideFunction（分区id）{
var div=document.getElementsByid（div_id）；
div.style.display=“无”；
}

document.getElementsByClassName（'clicked'）似乎与任何东西都不匹配是的，我看到了。我正在尝试“到达”类中生成的动态ID…但它不存在…这不是答案。我正在尝试在这个JS函数中“访问”类中生成的动态ID。。我还有另外一个功能（比如，不喜欢），它们工作得很好。
<img onClick='hideFunction(div_id)' source='path/to/img'>

<script type="text/javascript">
function hideFunction(div_id){
    var div = document.getElementsByid(div_id);
    div.style.display="none";
}
</script>