問題タブ [queryselector]

次の html コードがあります。ブラウザ コンソールで次のスクリプトを実行すると、次のエラーが発生します。（ブラウザを完全に読み込ませてからスクリプトを実行するので、要素の順序には影響されないと思います）

および Javascript:

なぜこのエラーが発生するのですか?

キャッチされていない TypeError: :5:18 で null のプロパティ 'classList' を読み取ることができません

ありがとう

入力フィールドを使用すると、ブラウザーで奇妙な動作が発生します。開発者コンソールで調べると、次のようになります。

ページがレンダリングされた後、Chrome 開発者コンソールで、この入力フィールドを次のように選択します。

コンソールで取得します。この入力フィールドには UI の値 (空ではなく文字列) があり、angularjs によって次のように入力されます: ng-model="model.name"。model.name有効な文字列値があります。

コンソールで呼び出すとx.value、空の文字列が返されます。

さらに、chrome 開発者コンソールで要素を検査すると、$0 を使用してアクセスできます。$0.value は正しい値を返します。

誰もそのような問題を抱えていましたか？クエリセレクターを使用して入力フィールドの値を取得する方法はありますか?

ありがとうございました。