JS mengimplementasikan fungsi pemotongan teks

Saya menggunakan JQ untuk melakukan fungsi pemotongan teks, tetapi akan terlalu merepotkan untuk mengimplementasikan fungsi ini untuk proyek yang tidak menggunakan JQ. Berikut adalah fungsi pemotongan teks JS. Langsung unggah kode.

Html (untuk pengujian):

 <div> Saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar > Saya cacar saya cacar saya cacar AM cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar Saya cacar saya cacar saya cacar cacar aku cacar aku cacar aku cacar aku cacar aku cacar

JS:

 var limit = []; var text = []; var pox = document.geteLementsbyTagname ('*'); untuk (var i = 0; i <pox.length; i ++) {if (pox [i] .getAttribute ("limit")) {limit [i] = pox [i] .getAttribute ("limit"); Teks [i] = cacar [i] .innerHtml; if (batasi [i] <text [i] .length) {pox [i] .innerHtml = text [i] .substring (0, batasi [i])+"..."; }}}

Di sini, gunakan GetElementsByTagname untuk mendapatkan semua node traversal. If (POX [i] .getAttribute ("Limit")) Untuk memfilter node yang berisi batas atribut khusus, kemudian dapatkan nilai batas atribut khusus dari setiap node, masukkan ke dalam array batas, masukkan setiap teks ke dalam array teks, bandingkan nilai yang perlu dipotong dengan panjang teks, dan memotongnya.

Semua JS, Menulis Self-Tuning Di Sini:

 <type script = "text/javascript"> window.onload = function () {(function limit () {var limit = []; var text = []; var pox = document.geteLementsbyTagname ('*'); untuk (var i = 0; i <pox.length; i ++) {if (i]. Batasi [i] = POX [i] .getAttribute ("Limit"); } </script>

Gambar reproduksi:

Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.