Comment ajouter et supprimer l'attribut en lecture dans JavaScript

En JavaScript, il existe des pages Web qui vous obligent à saisir des données sensibles, qui ne doivent pas être modifiées une fois entrées ou lors de la soumission d'un formulaire. Par exemple, la définition des autorisations de fichier pour être lisibles ou non. Dans de tels cas, l'ajout et la suppression des attributs de lecture en JavaScript est très efficace dans la gestion des fichiers et l'assurance des exigences de sécurité globales.

Cette rédaction discutera de la méthode pour ajouter et supprimer un attribut en lecture dans JavaScript.

Comment ajouter et supprimer l'attribut en lecture dans JavaScript?

Pour ajouter et supprimer un attribut en lecture en JavaScript, appliquez le «setAttribute ()" et "removeAttribute ()«Méthodes.

Le "setAttribute ()«La méthode attribue une valeur à un attribut, et le«removeAttribute ()»La méthode supprime un attribut de l'élément spécifié. Ces méthodes peuvent être associées à un «Cliquez sur»Événement pour définir la valeur spécifiée comme«lecture seulement»Et restreignez son retrait.

Syntaxe

élément.setAttribute (nom, valeur)

Dans la syntaxe ci-dessus, "nom»Fait référence au nom d'attribut et«valeur»Est la nouvelle valeur à attribuer.

élément.RemoveAttribute (nom)

Ici, "nom»Fait référence au nom de l'attribut particulier.

Passer par l'exemple suivant pour la démonstration.

Exemple

Tout d'abord, incluez deux boutons avec «ajouter un attribut" et "enlever»IDS. Ces boutons seront utilisés pour ajouter et supprimer l'attribut en lecture, respectivement. Incluez également un ID d'entrée comme «texte«Pour entrer dans les données texte:

Ajouter un attribut
Supprimer l'attribut

Dans le fichier JavaScript, utilisez le "document.QuerySelector ()«Pour récupérer les éléments HTML ajoutés à l'aide de leurs ID spécifiés:

var addbutton = document.queySelector ('# addatTribute');
var retirebutton = document.queySelector ('# removeatTribute');
var get = document.queySelector ('entrée');

Après cela, appliquez le «addEventListener ()”Méthode pour joindre le gestionnaire d'événements de clic avec la méthode setAttribute (). Cela fonctionnera de telle manière que lorsque le «Ajouter un attribut"Le bouton est cliqué, la valeur du champ de saisie sera définie comme"lecture seulement»:

addbutton.addEventListener ('click', () =>
obtenir.setAttribute («readonly», true);
);

De même, répétez la même procédure pour supprimer l'attribut SET en incluant l'événement cliquez séparément et en appliquant la méthode RemoveAtTribut ():

Supprimer Button.addEventListener ('click', () =>
obtenir.RemoveAtTribute («ReadOnly»);
);

Pour un objectif de test, nous allons d'abord saisir une valeur dans le champ de saisie et cliquer sur le bouton Ajouter l'attribut. En conséquence, l'attribut de la valeur ajoutée sera défini sous forme de lecture. Ensuite, cliquez sur le bouton Supprimer l'attribut. Vous remarquerez peut-être que la valeur sera toujours là (non supprimée). C'est ainsi que le programme donné fonctionnera:

Nous avons fourni les méthodes les plus simples pour ajouter et supprimer les attributs de lecture en JavaScript.

Conclusion

Pour ajouter et supprimer les attributs en lecture en JavaScript, le «setAttribute ()" et "removeAttribute ()«Les méthodes peuvent être utilisées pour ajouter et supprimer respectivement l'attribut ReadOnly en récupérant l'ID de bouton correspondant, y compris un gestionnaire d'événements et un type d'entrée avec chacune des méthodes implémentées. Ce blog a expliqué les méthodes pour ajouter et supprimer les attributs en lecture en JavaScript.