webplacidcy

부모 요소와 자식 요소 사이에서 자식 요소에 이벤트가 발생하면 부모 요소에도 이벤트가 전파된다 one two three 결과 one two three three를 클릭하면 two / one에도 영향을 주고 two를 클릭하면 one에도 영향을 one을 클릭하면 one 하나에만 영향을 받는다

1. MouseOver / MouseOut : 마우스 커서가 요소에 올렸을때 빠져 나올때의 이벤트, 해당하는 요소와 자식 요소까지 영향을 준다 2. MouseEnter / MouseLeave : 해당 요소에만 영향을 주고 자식 요소는 제외된다 코드 one Mouseover / Mouseout two MouseEnter / MouseLeave 결과 one Mouseover / Mouseout two MouseEnter / MouseLeave 1. Mouseover / Mouseout의 경우 마우스를 올려놓으면 텍스트 주변 배경색상이 바뀌고 회색 범위로 마우스를 옮기면 텍스트 크기가 커진다, 자식 태그인 텍스트까지 영향을 준다 2. MouseEnter / MouseLeave의 경우 마우스를 어디에 올려놓아도..

문법 replace(해당 문자열, 바꿀 문자열) 특정 문자나 문자열을 다른 문자, 문자열로 바꾼다 const str = "자바스크립트(javascript) 공부"; const text = str.replace("공부", "스터디"); const str2 = "img01.jpg"; const text2 = str2.replace("img01.jpg", "img02.jpg"); document.write(text); document.write(text2); 결과

문법 value.trim(); 문자열의 공백을 제거하는 함수 const str1 = " ' javascript ' ";// 좌우 공백 const currentStr1 = str1.trim(); document.write(currentStr1); 결과

문법 splice(start: number, deleteCount?: number): number[] 배열의 데이터를 삭제 또는 교체하거나 새로운 데이터를 추가한다, 원본 데이터를 수정한다 const arrNum1 = [100, 200, 300, 400, 500]; const result1 = arrNum1.splice(2); const arrNum2 = [100, 200, 300, 400, 500]; const result2 = arrNum2.splice(2, 3); const arrNum3 = [100, 200, 300, 400, 500]; const result3 = arrNum3.splice(2, 3, "javascript"); // javascript 데이터 추가 document.write(re..

문법 slice(start, end); start부터 end 인덱스의 전까지의 복사본을 새로 배열로 만들어 반환한다, 원본 데이터에 영향을 주지 않는다 const str = "자바스크립트(javascript) 공부"; const text1 = str.slice(1, 4); const text2 = str.slice(1); const text3 = str.slice(5, 1); // 시작 인덱스가 종료 인덱스보다 작아야 됨(실행 안됨) 결과 const str = "자바스크립트(javascript) 공부"; const text1 = str.slice(1, 4); const text2 = str.slice(1); const text3 = str.slice(5, 1); document.write(text1, "..

배열의 가장 마지막 요소를 반환하고 삭제한다 문법 arr.pop(); 코드 const arr = [1, 2, 3]; const arrPopValue = arr.pop(); // 삭제된 배열 요소를 반환한다 document.write(arr); document.write("반환값 : " + arrPopValue); 결과 1,2 반환값 : 3

배열의 마지막 번지에 새로운 요소를 추가하고 배열의 크기를 반환한다 문법 arr.push(...items:number[]); ...items:number[] 매개변수에는 추가할 배열 요소를 대입할 수 있다 코드 const arr = [1, 2, 3]; const arrCount = arr.push("javascript", 1); // 두 가지 이상의 값을 추가할 수 있다 document.write(arr); document.write(" "); document.write("반환값 : " + arrCount); 결과 1,2,3,javascript,1 반환값 : 5