Javascript API在foreach循环中仅运行一次-Laravel

Question

我的目标是从数据库中收集API的数据（hash，一旦收集，我的js文件就会将该数据用于API调用。然后，API结果显示在blade.php页面上。目前，我的API仅可用于一种结果。

文件：review.blade.php

@foreach($reviews as $review)
   <div class="container card-header">
      <h3>{{ $review->company }}</h3>
      <h5><a href="/reviews/{{ $review->id }}">{{ $review->title }}</a></h5>           
      <h5 id="source">{{ $review->hash }}</h5>                     
   </div>
   <div class="container card-body">
      <p id="content"></p>
   </div>
@endforeach

显示数据库中的所有审阅详细信息，没有任何问题。

JS代码：

function display () {

      // Assigning variables
      var hash = document.getElementById('source').innerHTML;

      // IPFS API
      ipfs.cat(hash, {buffer: true}, function (err, res) {
        if (err || !res) {
          return console.error('ipfs cat error', err, res)
        }

        document.getElementById('content').innerText = res.toString()
      })
    }  // function closes

    document.addEventListener('DOMContentLoaded', display())

对于单个哈希，JS只运行一次。我不确定该怎么办。欢迎任何建议。