【Vanilla JS】長いテキストに指定の文字数で3点リーダー ( … ) を自動付与する処理

[ ID : 7866 ]
シルバー
【Vanilla JS】長いテキストに指定の文字数で3点リーダー ( … ) を自動付与する処理
実装目安
3分

概要

【Vanilla JS】長文テキストに、任意の文字数で文末に3点リーダーを自動付与して省略する処理をJavaScriptで実装する。

用途

  • 長いテキストに対して文末に「…」を付与することで省略表示する。
  • 省略処理を指定の文字数で実施したい時に使用する。

要件

  • data属性を使用することで要素ごとに自由に省略処理を実行する文字数を指定可能。
  • 同一ページの複数箇所で使用可能。
  • JavaScriptのみで実装。(jQuery不使用)

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装方法

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

全ての記事を見る

KONOCODEのメリット 無料会員登録