javascriptを使用してdiv内の段落を100文字に切り捨てます

Question

<div>にある400以上のチャーターの段落を200文字に制限/切り捨てるには、次のスクリプトがあります。しかし、私はhtmlにそれを組み込む方法を理解できません！

これはどのように行われますか？続き

はスクリプトです：

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

Answer 1

は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>

詳細情報：

を
• document.getElementById
• Node.textContent