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
1108 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!

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