使用javascript将div中的段落截断为100个字符
我发现以下脚本可以将使用javascript将div中的段落截断为100个字符,javascript,html,Javascript,Html,我发现以下脚本可以将中超过400个字符的段落限制/截断为200个字符。但我不知道如何将它合并到html中 这是怎么做到的 以下是脚本: <script> function ellipsify (str) { if (str.length > 10) { return (str.substring(0, 10) + "..."); } else { return str; } } </script> 函数省略(str
中超过400个字符的段落限制/截断为200个字符。但我不知道如何将它合并到html中
这是怎么做到的
以下是脚本:
<script>
function ellipsify (str) {
if (str.length > 10) {
return (str.substring(0, 10) + "...");
}
else {
return str;
}
}
</script>
函数省略(str){
如果(str.length>10){
返回(str.substring(0,10)+“…”);
}
否则{
返回str;
}
}
假设div的id为“target”:
函数省略(str){
如果(str.length>10){
返回(str.substring(0,10)+“…”);
}
否则{
返回str;
}
}
var div=document.getElementById('target');
div.textContent=省略(div.textContent)代码>
Lorem ipsum door sit amet,一位杰出的领导者,他是一位临时劳工和大股东。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除圣奥卡塔铜矿场意外,sunt in culpa qui officia desunt mollit anim id est labourum。
如果你不关心100个字符,而是关心元素中剩余的空间,你可以使用css:首先你需要将div中的文本分配给JavaScript中的一个变量,并将该变量传递给上述函数。Pavlo在答案中说明了id的用法。但是@LalindaSampath它只截断第一个div!如何更改脚本以更改所有div?将第二个div的id设置为“target2”。然后,var div2=document.getElementById('target2');成功了。谢谢@Lalinda Sampath谢谢你的快速回复。如果我有多个div,它只会截断第一个div!有没有办法截断所有具有该id的div?你知道怎么做吗?是否应该为需要截断的div数编写多个java脚本?