Javascript verwendet, um einen Absatz in div auf 100 Zeichen abzuschneiden

-1

Ich habe das folgende Skript gefunden, um meine Absätze von mehr als 400 Zeichen in einem <div> zu 200 Zeichen zu begrenzen/zu beschneiden. Aber ich kann nicht herausfinden, wie man es in HTML einbaut!Javascript verwendet, um einen Absatz in div auf 100 Zeichen abzuschneiden

Wie wird das gemacht?

Es folgt das Skript:

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

Quelle

2016-08-04 user2774042

, wenn Sie die 100 Zeichen nicht kümmern uns um, aber kümmern uns um den Raum in dem Element links Sie CSS verwenden können: [Text-Überlauf: Auslassungs;] (https: //developer.mozilla. org/de/docs/Web/CSS/Text-Überlauf) –

Zuerst müssen Sie den Text in Div einer Variablen in JavaScript zuweisen und diese Variable an die obige Funktion übergeben. –

Pavlo zeigte in der Antwort für die Verwendung von ID. Aber @Lalinda Sampath es schneidet nur das erste div ab! Wie kann das Skript geändert werden, um alle divs zu ändern? – user2774042

Unter der Annahme, dass die div id von "Ziel" hat:

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>

Weitere Informationen über API verwendet:

Quelle

2016-08-04 14:55:33 Pavlo

Vielen Dank für Ihre schnelle Antwort. Wenn ich mehr als ein div habe, schneidet es nur das erste div ab! Gibt es eine Möglichkeit, alle Divs mit dieser ID zu kürzen? – user2774042

Irgendeine Idee, wie das gemacht werden könnte? Sollen mehrere Java-Skripte für die Anzahl der Divs geschrieben werden, die abgeschnitten werden müssen? – user2774042

Javascript verwendet, um einen Absatz in div auf 100 Zeichen abzuschneiden

Antwort

Verwandte Themen