Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/ant/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript将div中的段落截断为100个字符_Javascript_Html - Fatal编程技术网

使用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脚本?