네이처리 노트

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 속성형태 (setAttribute, getAttribute) Array.from([전체배열값]).forEach((각배열값)=>{ 각배열값.addEventListener("click", ()=>{ 각배열값.setAttribute("속성", "값"); // set 각배열값.getAttribute("속성"); // get } } // Style 적용 element.setAttribute("style", "키:값; 키:값"); element.getAttribute("style"); // checked 확인 element.setAttribute("checked", boolean ); element.getAttribute("checked");..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 추가 let newDIV = document.createElement("div"); newDIV.innerHTML = "새로 생성된 DIV입니다."; newDIV.setAttribute("id","myDiv"); newDIV.style.backgroundColor="yellow"; // 결과 새로 생성된 DIV입니다. let newDIV = document.createElement("div"); newDIV.innerHTML = ' 새로 생성된 DIV입니다. '; // 결과 새로 생성된 DIV입니다. 추가할 위치를 지정할 수 있음 El.insertAdjacentHTML("option", "추가할내용"); //El.innerHTML ..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 🌘 접근 노드는 text까지 구분한다. element.parentNode // 부모 노드 element.childNodes // 자식 노드 리스트 element.firstChild // 첫 번째 자식 노드 element.lastChild // 마지막 자식 노드 element.nextSibling // 다음 형제 노드 element.previousSibling // 이전 형제 노드 element.children[번호] // 자식 요소 element.firstElementChild // 첫번째 자식 요소 element.previousElementSibling // 이전 요소 element.nextElementSibling // 다음 요..

공부하면서 정리한 내용입니다 참고한 내용은 맨 아래의 링크를 확인해주세요 0 1 2 3 4 // javascript console.log(document.querySelector("div")); console.log(document.querySelector("div").firstChild); console.log(document.querySelector("div").firstElementChild);