Javascript 我们如何调用滑块段落的每个id，它每秒钟都在变化并限制其长度？

我需要通过调用id来限制我的滑块段落上的文本，这些文本是从数据库调用的。我使用SymphonyPHP框架，其中每个滑块包含不同的段落

我只能限制第一段中的一段，但所有段落的其余部分都包含全文

<p id="slider-p">{{ property.description }} </p>

function ellipsify (str) {
     if (str.length > 100) {
         return (str.substring(0, 100) + "...");
     }
    else {
         return str;
     }

};
    var div = document.getElementById('slider-p');
    div.textContent = ellipsify(div.textContent);

{{property.description}
函数省略（str）{
如果（str.length>100）{
返回（str.substring（0100）+“…”）；
}
否则{
返回str；
}
};
var div=document.getElementById（'slider-p'）；
div.textContent=省略（div.textContent）；

---

结果仅适用于包含限制文本的第一个滑块段落。我希望每个滑块都包含限制或文本。

我猜您的id不是唯一的。id属性对于文档必须是唯一的。如果要更改多个段落，最好使用class属性：

<p class="slider-p">{{ property.description }}</p>
<script>
var divs = document.getElementsByClassName('slider-p');
for(i=0; i<divs.length; i++)
{
    divs[i].textContent = ellipsify(divs[i].textContent);
}
</script>

---

改用CSS…我删除了另外3个标签，因为这个问题似乎只与HTML和JavaScript有关。如果不是这样，请纠正我。非常感谢它的工作，我应该在#slider-p上

p.slider-p {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}