javascript - 원본 양식이 초점을 잃은 후에 프롬프트 스타일을 변경할 수 없는 이유는 무엇입니까?

Question

양식을 구현하기 위해 비밀번호 입력란에 입력이 없거나 두 입력이 일치하지 않으면 프롬프트가 표시되고, 그렇지 않으면 숨겨집니다. 그런데 프롬프트가 나오지 않습니다. 왜 도움이 필요합니까?

으아악

css 코드:

으아악

Answer 1

코드에서 다음 단락을 찾으세요

으아아아

<input/>과 <span> 사이의 줄 바꿈을 삭제하세요.

Reason
DOMElement.nextSibling 속성은 노드의 다음 형제 DOM 요소를 반환합니다. 줄바꿈이나 공백은 #text 유형 노드로 계산됩니다. 이전 코드 nextSibling은 텍스트 노드를 반환하고 여기에 스타일 속성을 설정하면 확실히 사용자 요구 사항을 충족하지 못할 것입니다.

믿을 수 없다면 확인할 수도 있습니다. HTML 코드를 변경하지 않고 스크립트의 DOMElement.nextSibling을 DOMElement.nextSibling.nextSibling으로 바꾸면 정상적으로 작동합니다.