使用javascript將div中的段落截斷爲100個字符

-1

我找到了以下腳本來限制/截斷位於<div>之間的400個以上字符的段落爲200個字符。但我不知道如何將它合併到HTML！使用javascript將div中的段落截斷爲100個字符

這是如何完成的？

以下是該腳本：

<script> 
function ellipsify (str) { 
    if (str.length > 10) { 
     return (str.substring(0, 10) + "..."); 
    } 
    else { 
    return str; 
} 
} 
</script>

來源

2016-08-04 user2774042

如果你不關心的100個字符，但關心留在你可以使用CSS元素的空間：[文本溢出：省略號;（HTTPS：//developer.mozilla。 org/en/docs/Web/CSS/text-overflow） –

首先，您需要將div中的文本分配給JavaScript中的變量並將該變量傳遞給上述函數。 –

Pavlo在id的使用答案中顯示。但@Lalinda Sampath它只會截斷第一個div！如何更改腳本以更改所有div？ – user2774042

假設DIV有「目標」 ID：關於API的使用

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

 
var div = document.getElementById('target'); 
 
div.textContent = ellipsify(div.textContent);

<div id="target">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>

的更多信息：

來源

2016-08-04 14:55:33 Pavlo

感謝您的快速回復。如果我有多個div，它只會截斷第一個div！有沒有辦法使用該ID截斷所有div？ – user2774042

任何想法如何做到這一點？是否應該爲需要截斷的div數量編寫多個java腳本？ – user2774042

使用javascript將div中的段落截斷爲100個字符

回答

相關問題