使用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个字符

回答

相关问题