Javascript 截断每个div中的段落

我是html新手，我想将每个段落中的所有字符设置为30个字符。我的想法是截断它，但我面临一个问题，如何截断所有段落

这是我的密码

<div class="" id="my-gallery-container">
        <div class="item h200" data-order="31">

            <div class="img-85">
                <img src="images/Round David Michael Setyadarma.png">

                <p class="parg">1 Qui habitat in protectione Altissimi, sub umbra Omnipotentis commorabitur. 2 Dicet Domino: “ Refugium meum
                    et fortitudo mea, Deus meus, sperabo in eum ”.
                </P>    
            </div>
        </div>

        <div class="item h200" data-order="30">
            <div class="img-85">
                <img src="images/Round David Michael Setyadarma.png">

                <p class="parg">1 Qui habitat in protectione Altissimi, sub umbra Omnipotentis commorabitur. 2 Dicet Domino: “ Refugium meum
                    et fortitudo mea, Deus meus, sperabo in eum ”.
                </P>    
            </div>
        </div>


        <div class="item h200" data-order="29">
            <div class="img-85">
                <img src="images/Round David Michael Setyadarma.png">

                <p class="parg">1 Qui habitat in protectione Altissimi, sub umbra Omnipotentis commorabitur. 2 Dicet Domino: “ Refugium meum
                    et fortitudo mea, Deus meus, sperabo in eum ”.
                </P>    
            </div>
        </div>


        <div class="item h200" data-order="28">
            <div class="img-85">
                <img src="images/Round David Michael Setyadarma.png">

                <p class="parg">1 Qui habitat in protectione Altissimi, sub umbra Omnipotentis commorabitur. 2 Dicet Domino: “ Refugium meum
                    et fortitudo mea, Deus meus, sperabo in eum ”.
                </P>    
            </div>
        </div>

1在阿尔蒂西米保护区的一个小栖息地，亚本影全向潜能生物（sub-umbra Omnipotentis commorabitur）。2骰子多米诺骨牌：“加油
这是我的最爱，我的最爱，我的最爱”。

1在阿尔蒂西米保护区的一个小栖息地，亚本影全向潜能生物（sub-umbra Omnipotentis commorabitur）。2骰子多米诺骨牌：“加油
这是我的最爱，我的最爱，我的最爱”。

1在阿尔蒂西米保护区的一个小栖息地，亚本影全向潜能生物（sub-umbra Omnipotentis commorabitur）。2骰子多米诺骨牌：“加油
这是我的最爱，我的最爱，我的最爱”。

1在阿尔蒂西米保护区的一个小栖息地，亚本影全向潜能生物（sub-umbra Omnipotentis commorabitur）。2骰子多米诺骨牌：“加油
这是我的最爱，我的最爱，我的最爱”。

这是我在代码下的脚本

<script type="text/javascript">

    function truncateText(selector, maxLength) 
    {
        var element = document.querySelector(selector),
            truncated = element.innerText;

        if (truncated.length > maxLength) 
        {
            truncated = truncated.substr(0,maxLength) + '...';
        }
        return truncated;
    };

    document.querySelector('p').innerText = truncateText('p', 30);


</script>

函数truncateText（选择器，maxLength）
{
var元素=document.querySelector（选择器），
截断=element.innerText；
如果（截断的.length>maxLength）
{
截断=截断。substr（0，maxLength）+’…'；
}
返回截断；
};
document.querySelector（'p'）.innerText=truncateText（'p'，30）；

但是它只适用于第一段，如何截断所有的？有人能帮我吗？ 多谢各位

---

我希望我没有转载

这就是你要找的吗

function truncateText(selector, maxLength) {
    // Get all the paragraphs on page
    var paras = document.getElementsByTagName(selector);

    // Loop over paragraphs
    for (var i = 0; i < paras.length; i++) {
        // Get the text of each paragraph element
        var text = paras[i].innerText;

        // Use javascripts substring to trim it and 
        // set it back as the text of the paragraph element
        paras[i].innerText = text.substring(0,maxLength)
    }
}

// Input the p tag
truncateText('p', 30)

函数truncateText（选择器，maxLength）{
//获取页面上的所有段落
var paras=document.getElementsByTagName（选择器）；
//循环段落
对于（变量i=0；i

---

如果这是您想要的，请按绿色勾号。

如果您想要根据布局截断文本，可以使用CSS

文本溢出

执行此操作

这将在截断的文本后添加省略号：

.parg{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

1在阿尔蒂西米保护区的一个小栖息地，位于普通的泛光暗带下。2枚骰子多米诺骨牌：“加油，加油，加油，加油”