Javascript 阅读更多拉威尔

当我在foreach中有一个readmore函数，并根据id赋予load更多的时候，我该怎么办？ 我试过了，但没用

<p class="public-project-paragraph" style="font-weight: normal;">
                                                    {{ Str::limit($dvns->news, 3, '') }} 
                                                    @if (strlen($dvns->news) > 3)
                                                    <span id="dots-{{ $dvns->id }}">...</span>
                                                    <span id="more" style="display: none;">{{ substr($dvns->news, 50) }}</span>
                                                    @endif
                                                </p>
<button type="button" class="btn btn-primary btn-sm" onclick="loadMore()" id="myBtn">Read More</button>
function loadMore() {
        var id;
        var dots = document.getElementById("dots" + id);
        var moreText = document.getElementById("more");
        var btnText = document.getElementById("myBtn");

        if (dots.style.display === "none") {
            dots.style.display = "inline";
            btnText.innerHTML = "Read more";
            moreText.style.display = "none";
        } else {
            dots.style.display = "none";
            btnText.innerHTML = "Read less";
            moreText.style.display = "inline";
        }
    }

---

知道如何继续吗？

尝试将id添加到函数调用中（我假设它是一个整数）

---

document.getElementById（“点”+id）你是说
点-“+id
？你是如何将id放入函数的？这里我卡住了，我不知道如何从上面获取id。
Cannot read property 'style' of null


<p class="public-project-paragraph" style="font-weight: normal;">
  {{ Str::limit($dvns->news, 3, '') }} 
  @if (strlen($dvns->news) > 3)
    <span id="dots-{{ $dvns->id }}">...</span>
    <span id="more-{{ $dvns->id }}" style="display: none;">{{ substr($dvns->news, 50) }}</span>
  @endif
</p>
<button type="button" class="btn btn-primary btn-sm" onclick="loadMore({{ $dvns->id }})" id="myBtn">Citeste mai mult</button>

function loadMore(id) {
  var dots = document.getElementById("dots-" + id);
  var moreText = document.getElementById("more-" + id);
  if (moreText.style.display === "none") {
    moreText.style.display = "inline";
    dots.style.display = "none";
  } else {
    moreText.style.display = "none";
    dots.style.display = "inline";
  }
}