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>
関数 infoBtn(){

リーリー

</script>
</p>

Answer 1

まず、デモが入力されているかどうかがわかりません。入力されている場合は、innerHTML の代わりに val() を使用して、x がデータを取得できるかどうかを出力する必要があります。

Answer 2

属性を修正する必要があるのはなぜですか? input用innerHTML啊，用value

Answer 3

値を使用してからイベントリスナーを追加します

Answer 4

リーリー