لقد استخدمت JQ للقيام بوظيفة اقتطاع النص ، ولكن سيكون من المقلق للغاية تنفيذ هذه الوظيفة للمشاريع التي لا تستخدم JQ. فيما يلي وظيفة اقتطاع نص JS. قم بتحميل الكود مباشرة.
HTML (للاختبار):
<div> أنا صدر روجي أنا صدري أنا أنا صدر رصيري أنا صدري أنا أنا صدريبي أنا صدر روجي pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدري صدري أنا صدر رصيري أنا صدري أنا أنا صدريبي أنا صدري ربقية أنا صدريياً أنا صدر ردري أنا صدر جدري pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدر ردري أنا صدر رصيري أنا صدريقي أنا صدري أنا أنا صدريبي أنا صدريبي أنا صدريياً أنا صدريياً أنا ردري أنا po> أنا صدريا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدري صدري أنا صدر رصيري أنا صدري أنا أنا صدريبي أنا صدري ربقية أنا صدريياً أنا صدر ردري أنا صدر جدري pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدر ردري أنا صدر ردري أنا صدر رصيري أنا صدريبي أنا صدريبي أنا صدريبي أنا صدريا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدري صدري أنا صدر رصيري أنا صدري أنا أنا صدريبي أنا صدري ربقية أنا صدريياً أنا صدر ردري أنا صدر جدري pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدري صدري أنا صدر رصيري أنا صدري أنا أنا صدريبي أنا صدري ربقية أنا صدريياً أنا صدر ردري أنا صدر جدري > أنا صدر ربقية أنا صدريقي ، أنا صدر رصيري أنا صدري ، أنا صدري أنا ، أنا صدر رشيطي ، أنا صدر رشيفي ، أنا صدر ردري أنا ردري أنا صدر ردري أنا صدر ردري أنا صدر جدري أنا صدري صدري أنا صدري صدري أنا صدر ردري أنا صدري صدري أنا صدري أنا أنا صدريبي أنا صدر روجي pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا pox أنا صدري أنا صدر ربقية أنا صدري صدري أنا صدر رصيري أنا صدري أنا أنا صدريبي أنا صدري ربقية أنا صدريياً أنا صدر ردري أنا صدر جدري جدري أنا جدري أنا جدري أنا جدري أنا جدري أنا جدري
JS:
var limit = [] ؛ var text = [] ؛ var pox = document.getElementSbyTagName ('*') ؛ لـ (var i = 0 ؛ i <pox.length ؛ i ++) {if (pox [i] .getAttribute ("limit")) {limit [i] = pox [i] .getattribute ("limit") ؛ النص [i] = pox [i] .innerhtml ؛ if (limit [i] <text [i] .length) {pox [i] .innerhtml = text [i] .SubString (0 ، limit [i])+"..." ؛ }}}هنا ، استخدم getElementsByTagName للحصول على جميع العقدة. إذا كان (pox [i] .getAttribute ("limit")) لتصفية العقد التي تحتوي على حد السمة المخصصة ، ثم الحصول على قيمة حد السمة المخصصة لكل عقدة ، ووضعه في صفيف الحد ، ووضع كل نص عقدة في صفيف النص ، وقارن القيمة التي يجب أن يتم قطعها مع طول النص ، وقم بتجهيزها.
كل JS ، صقل ذاتي مكتوبة هنا:
<script type = "text/javaScript"> window.onload = function () {(function limit () {var limit = [] limit [i] = pox [i]. } </script>صورة التكاثر:
ما سبق هو كل محتوى هذه المقالة. آمل أن يكون ذلك مفيدًا لتعلم الجميع وآمل أن يدعم الجميع wulin.com أكثر.