Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menggantikan Line Break dengan `` dalam JavaScript?

Bagaimana untuk Menggantikan Line Break dengan `` dalam JavaScript?

Mary-Kate Olsen
Lepaskan: 2024-12-01 01:00:11
asal
997 orang telah melayarinya

How to Replace Line Breaks with `` in JavaScript?

Cara Menggantikan Line Break dengan
Elemen Menggunakan JavaScript

Masalah:
Tukar semua pemisah baris dalam rentetan yang diberikan kepada HTML
elemen, menggantikan pemisah baris biasa dengan pemisah baris yang sesuai untuk paparan web.

Contoh:

Pertimbangkan rentetan yang mengandungi pemisah baris seperti berikut:

"This is man.

     Man like dog.
     Man like to drink.

     Man is the king."
Salin selepas log masuk

Output yang dikehendaki selepas penukaran JavaScript akan muncul seperti:

"This is man<br /><br />Man like dog.<br />Man like to drink.<br /><br />Man is the king."
Salin selepas log masuk

Penyelesaian:

Untuk mencapai penukaran ini, gunakan kod JavaScript berikut:

str = str.replace(/(?:\r\n|\r|\n)/g, '<br>');
Salin selepas log masuk

Penjelasan:

  • (?:rn|r|n): Corak regex ini sepadan dengan semua jenis pemisah baris, termasuk pemulangan pengangkutan (r) dan baris baharu (n).
  • g: Bendera g memastikan semua padanan diganti.

  • : Rentetan gantian ialah HTML
    elemen, yang mewakili pemisah baris.

Kumpulan bukan penangkap (?:...)::

  • Ia menghalang pemisah baris yang dipadankan daripada ditangkap dan disimpan dalam ingatan, yang membantu meningkatkan prestasi dan penggunaan ingatan.

Atas ialah kandungan terperinci Bagaimana untuk Menggantikan Line Break dengan `` dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan