将获取的文本元素赋值给 var x;判断输入的文本是否为空为啥判断不出来？

Question

将获取的文本元素赋值给 var x;判断输入的文本是否为空为啥不生效？ document.getElementById("demo").innerHTML; 获取的元素是字符串还是什么？是字符串了为啥用x.length判断字符串长短 不起作用？

<style>
input {border:1px solid #ddd;}
</style>
<div>
<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("设置成功");

           }

   }