setAttribute로 변경된 속성값을 원래값으로 되돌리기

Question

개발을 열심히 하던 도중 막히는 부분이 있어 찾아왔습니다. 인터넷에 검색하면서 보는데 무슨 소린지 도무지 모르겠어서 여기 여쭤봅니당.. ㅜ예를 들어 이런 html 이 있을 때입력1입력2

칸을 비우지마세요

칸을 비우지마세요2

script 파일은const a = document.qureySelector('#abc')const b = document.qureySelector('#cdf')const c = document.qureySelector('#error);const d= document.qureySelector('#error2);if(!a.value){c. setAttribute('style''display:block);}else if(!a.value){d. setAttribute('style''display:block);}이렇게 주면, abc와 cdf 두개 다 출력이 되버리더라고요..저는 abc를 입력한 이후에는 cdf만 출력이 되게 하고 싶은데 그러려면 display 를 다시 none으로 되돌려야 해서 아래와 같이 작성을 했습니다.if(!a.value){c. setAttribute('style''display:block);d. setAttribute('style''display:none);}else if(!b.value){d. setAttribute('style''display:block);c. setAttribute('style''display:none);}이런식으로 했습니다. 이를 더 간단하게 원래의 속성으로 돌리는 방법이 있을까요? 인터넷에 검색했을때는 무슨 말인지 이해가 안되서.. ㅜㅜ 너무 길어 죄송합니다.

buo12 · Answer

검증하기전에 div요소를 display:none 시키는 함수를 만들면 될 것 같은데요

setAttribute로 변경된 속성값을 원래값으로 되돌리기

1개의 답변

#setattribute 목록