javascript padam mengikut baris

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas dalam pembangunan bahagian hadapan, yang boleh mencapai interaksi halaman dan kesan dinamik dengan sangat baik. Apabila melaksanakan beberapa fungsi tertentu, kami akan menghadapi masalah memadamkan baris. Artikel ini akan memperkenalkan cara melaksanakan pemadaman baris demi baris dalam JavaScript.

1. Dapatkan kandungan teks

Pertama, kita perlu mendapatkan kandungan teks untuk dikendalikan. Dalam JavaScript, anda boleh menggunakan textarea, input dan tag lain untuk mendapatkan input teks. Di sini, kami menggunakan tag textarea sebagai contoh:

<textarea id="text"></textarea>

Kandungan kotak teks boleh diperolehi melalui atribut id tag:

var text = document.getElementById("text").value;

2. Pisahkan teks

Seterusnya, kami Kandungan teks perlu dipecah mengikut baris, dan fungsi split() digunakan di sini.

var lines = text.split('
');

Dalam contoh ini, kami menggunakan aksara baris baharu "
" sebagai pembatas, iaitu kandungan teks dipisahkan kepada berbilang baris mengikut aksara baris baharu dan disimpan dalam tatasusunan yang dipanggil baris .

3. Padamkan baris tertentu

Seterusnya, kita boleh mengendalikan baris yang perlu dipadamkan. Sebagai contoh, sekarang kita ingin memadam kandungan baris 3, kita boleh menggunakan fungsi splice().

lines.splice(2,1);

Dalam contoh ini, parameter pertama "2" dalam fungsi splice() mewakili bilangan baris yang hendak dipadamkan, dan parameter kedua "1" mewakili bilangan baris yang hendak dipadamkan. Dengan cara ini, kandungan baris 3 dipadamkan.

4. Menggabungkan teks

Akhir sekali, kita perlu menggabungkan semula teks yang diubah suai, iaitu, menyambung setiap baris teks dalam tatasusunan menjadi rentetan yang lengkap.

var newText = lines.join("
");

Dalam contoh ini, fungsi join() digunakan untuk menggabungkan semula semua baris dalam tatasusunan baris menjadi rentetan dan aksara baris baharu "
" digunakan sebagai pemisah.

5 Gantikan kandungan asal

Akhir sekali, kami akan menggantikan teks yang diubah suai ke dalam kotak teks asal.

document.getElementById("text").value = newText;

Dengan cara ini, kami telah melaksanakan operasi pemadaman teks baris demi baris.

Kod lengkap adalah seperti berikut:

<textarea id="text"></textarea>
删除第三行
<script>
function deleteLine() {
    var text = document.getElementById(&quot;text&quot;).value;
    var lines = text.split('
');
    lines.splice(2,1);
    var newText = lines.join(&quot;
&quot;);
    document.getElementById(&quot;text&quot;).value = newText;
}
</script>

Di atas ialah cara menggunakan JavaScript untuk memadam teks baris demi baris. Sila ambil perhatian bahawa kaedah ini hanya berfungsi dengan teks yang dibatasi oleh aksara baris baharu "
".

Atas ialah kandungan terperinci javascript padam mengikut baris. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!