javascript - 將取得的文字元素賦值給 var x;判斷輸入的文字是否為空為啥判斷不出來？

Question

將取得的文字元素賦值給 var x;判斷輸入的文字是否為空為啥不生效？ document.getElementById("demo").innerHTML; 取得的元素是字串還是什麼？是字串了為啥用x.length判斷字串長短 不起作用？

<style>
input {border:1px solid #ddd;}
</style>
<p>
<form>
<label>請輸入暱稱：</label><input type="text" name="fname" id="demo"><button onclick="infoBtn()">提交資訊</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

雷雷