JAVA Script6 23.02.20 (노드찾기, 노드 중간 삽입, 노드복사, 노드이동) 😀자식(자손), 부모, 형제(이전,이후) 노드 찾기 onload = () => { let content = document.querySelector("#content"); // 문서에서 자식(자손)노드를 찾는 방법 let child = content.childNodes; // 노드의 부모 노드를 찾아 보자 let parent = content.parentNode; parent.style.border = "3px solid blue"; // 현재 노드에서 이전 형제 노드를 찾는 방법 let previous = content.previousElementSibling; // 현재 노드에서 이후 형제 노드를 찾는 방법 let next = content.nextElementSibling; } 주의 ) childN.. 2023. 2. 20. 23.02.17 (DOM 요소 만들고 추가하기, 수정하기, 없애기, 스타일, onsubmit) 😀/* vh : 현재 실행중인 스크린의 크기에 맞춰 상대적 크기 반환 */ 😀 title="" ==> 마우스 갖다 대면 나오는거 😀let result = document.querySelector("#txt1").value; // 값을 가져올 때는 value속성을 가져오면 됨 😀" onsubmit="return check()"> ==> submit버튼을 누르면 check함수를 호출해서 true면 action페이지로 이동 ==> onsubmit속성은 input submit을 제어해서 retrun false면 action이 작동하지 못하게 한다!! 😀//let t2 = document.querySelector("#t2").value; // #t2에는 값이 없기 때문에 value로 가져올 수가 없다!! 😀// .. 2023. 2. 17. 23.02.16(화살표함수, 내장객체, DOM, 선택자 접근) 😀😀 😀화살표함수로 선언하는 방법 info : () => { let str = "이름: " + student.name + " " + ... } 😀id가 output인 곳으로 가서 student객체의 info함수를 읽어오거나 설정? document.getElementById("output").innerHTML = student.info(); /* 내장객체 : 자바스크립트에서 제공해 주고 있는 객체 예) Date, Math 객체가 대표적인 내장 객체 */ let date = new Date(); document.write(`${date.getFullYear()} `); document.write(`${date.getMonth() + 1} `); document.write(`${date.getDate()} `.. 2023. 2. 16. 23.02.15(함수(무명,callback, 타임아웃,인터벌), 객체) 😀 * 함수(Function) : 기능을 정의해 놓은 것 - 함수는 하나의 로직을 재사용할 수 있도록 하는 것으로 코드의 재사용성을 높여줌 - 형식) function 함수이름(매개변수1, 매개변수2) { 함수 호출 시 실행될 문장; } - 함수 사용 시 장점 1. 코드의 중복 제거 및 코드 재사용 가능 2. 유지보수 용이성 - 자바스크립트의 함수의 종류 1. 사용자 정의 함수 : 사용자가 직접 만들어 놓은 함수 2. 내장 함수 : 자바스크립트에서 자체적으로 제공해 주는 함수 */ /* 함수를 정의하는 방법(두번째) - 무명(익명)함수 - 무명함수는 이름이 없는 함수를 말함. 이벤트 처리 등에 자주 사용이 됨 함수를 무명으로 만드는 경우네는 주로 함수를 재사용하지 않는 경우에 사용이 됨 */ const 함.. 2023. 2. 15. 이전 1 2 다음