JavaScript - 元のフォームがフォーカスを失った後、プロンプトのスタイルを変更できないのはなぜですか?

Question

フォームを実装するには、パスワード入力欄に入力がない場合、または2つの入力が矛盾している場合はプロンプトが表示され、それ以外の場合は非表示になります。しかし、プロンプトが表示されないのはなぜですか?

リーリー

CSSコード:

リーリー

Answer 1

コード内で次の段落を見つけます

リーリー

<input/>と<span>の間の改行を削除してください。

Reason
DOMElement.nextSibling プロパティは、ノードの次の兄弟 DOM 要素を返します。改行またはスペースは #text タイプのノードとしてカウントされます。以前のコード nextSibling はテキスト ノードを返しますが、それに style 属性を設定してもニーズは満たされません。

信じられない場合は、検証することもできます。HTML コードを変更せずに、スクリプト内の DOMElement.nextSibling を DOMElement.nextSibling.nextSibling に置き換えると、正常に動作します。