javascript supprimer par ligne

JavaScript est un langage de programmation largement utilisé dans le développement front-end, qui peut très bien réaliser des interactions de page et des effets dynamiques. Lors de l'implémentation de certaines fonctions spécifiques, nous rencontrerons le problème de la suppression de lignes. Cet article explique comment implémenter la suppression ligne par ligne en JavaScript.

1. Obtenir le contenu du texte

Tout d'abord, nous devons obtenir le contenu du texte sur lequel opérer. En JavaScript, vous pouvez utiliser textarea, input et d'autres balises pour obtenir une saisie de texte. Ici, nous utilisons la balise textarea comme exemple :

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

Le contenu de la zone de texte peut être obtenu via l'attribut id de la balise :

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

2. Divisez le texte

Ensuite, nous devons diviser le contenu du texte par lignes, utilisez ici la fonction split().

var lines = text.split('
');

Dans cet exemple, nous utilisons le caractère de nouvelle ligne "
" comme délimiteur, c'est-à-dire que le contenu du texte est séparé en plusieurs lignes en fonction du caractère de nouvelle ligne et stocké dans un tableau nommé lignes.

3. Supprimer des lignes spécifiques

Ensuite, nous pouvons opérer sur les lignes qui doivent être supprimées. Par exemple, maintenant nous voulons supprimer le contenu de la ligne 3, nous pouvons utiliser la fonction splice().

lines.splice(2,1);

Dans cet exemple, le premier paramètre "2" de la fonction splice() représente le nombre de lignes à supprimer, et le deuxième paramètre "1" représente le nombre de lignes à supprimer. De cette façon, le contenu de la ligne 3 est supprimé.

4. Combinaison de texte

Enfin, nous devons recombiner le texte modifié, c'est-à-dire assembler chaque ligne de texte du tableau en une chaîne complète.

var newText = lines.join("
");

Dans cet exemple, la fonction join() est utilisée pour recombiner toutes les lignes du tableau lines en une chaîne, et le caractère de nouvelle ligne "
" est utilisé comme séparateur.

5. Remplacer le contenu original

Enfin, nous remplaçons le texte modifié dans la zone de texte originale.

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

De cette manière, nous avons mis en œuvre l'opération de suppression de texte ligne par ligne.

Le code complet est le suivant :

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

Ce qui précède explique comment utiliser JavaScript pour supprimer du texte ligne par ligne. Veuillez noter que cette méthode ne fonctionne que pour le texte délimité par le caractère de nouvelle ligne "
". Si vous utilisez d'autres délimiteurs, vous devez le modifier en conséquence.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!