広告

JavaSqriptで文字数のみカウント

この記事は約2分で読めます。

メモです。

// //  //  //  //  //
// 文字数カウント
// //  //  //  //  //
let array = document.getElementsByClassName('text')
// 配列に変換
array = Array.prototype.slice.call(array)
for (let i = 0; i < array.length; i++) {
  // 中身の文字だけを取得
  let dataLength = array[i].textContent

  // 文字数をカウントしてコンソールに表示
  console.log(dataLength.length)
  // 文字数上限
  const maxLength = 46

  // 文字数が上回っているのなら
  if (dataLength.length > maxLength) {
    // オーバーしたところを消して「続きを読む」にする
    dataLength = dataLength.substr(0, maxLength) + '…続きを読む'
    // とりあえず、変換した文字をコントロールに表示
    console.log(dataLength)

    // こっからどうしよう・・・?とりあえず、文字だけ変換しておこう。
    array[i].textContent = dataLength
 

  }
}

最後どうするかは、考え中です。