Comment définir la valeur de la zone de texte en javascript

En Javascript, pour définir la valeur d'une zone de texte, vous pouvez le faire en accédant aux propriétés de l'objet zone de texte. L'objet zone de texte peut être obtenu via la valeur ID de la zone de texte, puis ses propriétés peuvent être exploitées.

Les méthodes courantes pour définir la valeur d'une zone de texte en Javascript sont les suivantes :

1. Définissez la valeur de la zone de texte via l'attribut value de la zone de texte

L'attribut value de l'objet zone de texte peut obtenir ou définissez la valeur de la zone de texte, vous pouvez définir la valeur de la zone de texte de la manière suivante :

document.getElementById("myText").value = "Hello World!";

Où, myText est la valeur ID de la zone de texte et "Hello World est la valeur de la zone de texte !" à régler.

2. Définissez la valeur de la zone de texte via la propriété innerHTML

L'objet zone de texte peut également accéder à la propriété innerHTML, qui peut obtenir ou définir le contenu de l'élément (y compris la zone de texte). Comme indiqué ci-dessous :

document.getElementById("myText").innerHTML = "Hello World!";

3. Définissez la valeur de la zone de texte via la méthode setAttribute

setAttribute est une méthode générale pour définir les attributs d'un élément. Cette méthode accepte deux paramètres : le nom de l'attribut à définir et la valeur de l'attribut. Comme indiqué ci-dessous :

document.getElementById("myText").setAttribute("value", "Hello World!");

En plus de l'attribut value, vous pouvez également définir d'autres attributs, tels que l'identifiant, le nom, etc.

4. Définissez la valeur de la zone de texte via l'attribut de texte

L'attribut de texte peut obtenir ou définir le contenu du texte de la zone de texte. Comme indiqué ci-dessous :

document.getElementById("myText").text = "Hello World!";

Il convient de noter que l'attribut text ne peut pas être utilisé avec des éléments textarea, uniquement avec des éléments d'entrée.

5. Définissez la valeur de la zone de texte via l'attribut innerText ou textContent

L'attribut innerText ou textContent peut définir le contenu textuel de l'élément ou obtenir le contenu textuel de l'élément. Comme indiqué ci-dessous :

// innerText
document.getElementById("myText").innerText = "Hello World!";

// textContent
document.getElementById("myText").textContent = "Hello World!";

Il convient de noter que l'attribut innerText ou textContent peut être implémenté différemment selon les navigateurs.

Résumé :

Les méthodes ci-dessus sont courantes pour définir la valeur d'une zone de texte en Javascript. Grâce à ces méthodes, la valeur de la zone de texte peut être facilement définie pour répondre aux besoins de différentes entreprises. Il faut choisir la méthode appropriée en fonction des besoins réels.

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!