javascript - Assigner l'élément texte obtenu à var x; pourquoi ne peut-on pas déterminer si le texte saisi est vide?

Question

Attribuez l'élément de texte obtenu à var x ; pourquoi cela ne prend-il pas effet pour déterminer si le texte d'entrée est vide ? document.getElementById("demo").innerHTML; L'élément obtenu est-il une chaîne ou autre chose ? C'est une chaîne Pourquoi l'utilisation de x.length pour déterminer la longueur d'une chaîne ne fonctionne-t-elle pas ?

<style>
input {border:1px solid #ddd;}
</style>
<p>
<form>
<label>Veuillez entrer un pseudo :</label><input tapez ="text" name="fname" id="demo"><button onclick="infoBtn()">Soumettre les informations</button>
</form>
<script>
function infoBtn( ){

   var x=document.getElementById("demo").innerHTML;
   if(x.length == 0 ||x==""){
       alert("输入不能为空");
       }else{
            alert("设置成功");
           }
   }

</script>
</p>

Answer 1

Tout d'abord, je ne vois pas si votre démo est entrée. Si c'est le cas, utilisez val() au lieu de innerHTML. Sinon, vous devez imprimer si x peut obtenir les données.

Answer 2

Pourquoi devons-nous corriger les attributs input用innerHTML啊，用value ?

Answer 3

Utilisez la valeur, puis ajoutez un écouteur d'événement

Answer 4

 var x=document.getElementById("demo");
   if(!x){
       alert("输入不能为空");
   } else {
       alert("设置成功", x.innerHTML);
   }