특정 다수의 input의 값을 className을 통해서 불러 오면서 그에 맞는 key값을 html에서 불러 올때 사용가능한 코드 들이다. 1. element.parentElement : 해당 요소의 부모 요소를 불러 온다. value.parentElement; //value의 부모 요소를 불러온다 2. element.previousElementSibling : 해당 요소의 이전 요소를 불러 온다. value.previousElementSibling; //value의 이전 요소를 불러온다 3. element.nextSibling : 해당 요소의 다음 요소를 불러 온다. element.nextSibling //element의 다음 요소를 가져온다 # previousElementSibling과 nextSib..

내가 아는 방식에는 parentNode를 통해서 appendChild를 이용하는 방법 뿐이었다. 이번에 프로젝트를 하면서 해당 요소의 다음 또는 parentNode의 중간에 삽입을 해야 하는 상황에서 html을 고치면 javascript까지 고쳐야 할것 같아서 위의 상황에 바로 맞출수 있는 방법을 알아 보게 되었다. 0. !! !의 경우 false를 true로 true를 false로 바꾸는 입력값을 "boolean"형으로 변환하게 된다. 하지만 !!를 사용하게 되면, 다른 타입의 데이터를 형변환 해준다. ex) !!("asdf") //true !!("") // false !!111 //true !!0 //false !!NaN //false !!true //true 1. parentNode.insertBe..