javascript - Weisen Sie das erhaltene Textelement der Variable x zu. Warum kann nicht beurteilt werden, ob der Eingabetext leer ist?

Question

Weisen Sie das erhaltene Textelement der Variable x zu. Warum wird nicht festgestellt, ob der Eingabetext leer ist? document.getElementById("demo").innerHTML; Ist das erhaltene Element ein String oder etwas anderes? Es handelt sich um eine Zeichenfolge. Warum funktioniert die Verwendung von x.length zur Bestimmung der Länge einer Zeichenfolge nicht?

<style>
input {border:1px solid #ddd;}
</style>
<p>
<form>
<label>Bitte geben Sie einen Spitznamen ein:</label><input type ="text" name="fname" id="demo"><button onclick="infoBtn()">Informationen senden</button>
</form>
<script>
function infoBtn( ){

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

</script>
</p>

Answer 1

首先我看不到你的demo是否为input,如果是就用val()代替innderHTML,如果不是，你要打印出x是否能获取到数据。

Answer 2

为什么要对input用innerHTML啊，用value属性啊。

Answer 3

使用value,然后添加事件监听

Answer 4

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