본문 바로가기
728x90
300x250

javaScript/JS Examples47

element를 기준으로 마우스 좌표 값 구하기 javaScript 네모 박스 안에 마우스를 클릭하면 클릭한 좌표값을 구하는 javaScript 코드 See the Pen mouse position by kim oya (@ttuttu) on CodePen. 참고 : https://moo-you.tistory.com/559 2022. 5. 26.
뒤로가기 금지 스크립트 2022. 5. 15.
forEach 반복문으로 배열값 전체 호출하기 forEach는 반복문 중에서 오직 배열 Array 객체에서만 사용 가능한 메서드이다. (ES6부터 Map, Set 지원) map과 비슷해 보이지만 forEach는 return값이 없다. forEach 구문의 인자로 콜백함수를 등록해서 배열 첫 번째부터 마지막 번까지 반복해서 item을 호출하게 된다. 예제를 보도록 하자 let text = ""; const number = [1,2,3,4,5]; number.forEach(numArray); function numArray(item, index) { console.log(index + '.' + item); } 결과 numArray의 인자로 현재 item과 index값을 넘겨받아 출력한다. 만약 이 값을 차례로 html 태그 안에 나타내려면? inner.. 2022. 4. 24.
JavaScript 요소의 값만 가져오기 만약 아래 사이트에서 1주 수익률 값만 가져온다고 했을 때 해당 위치의 Elements를 확인해 보면 yield 클래스로 1주 수익률이 감싸져있는 것을 확인할 수 있습니다. document.querySelector("div[class=yield]"); querySelector을 사용하여 위와 같이 yield 클래스를 가져오면 아래와 같이 해당 태그들이 나옵니다 여기서 제목은 빼고 1주 수익률만 가져올 것이기 때문에 statePt 클래스만 가져옵니다. document.querySelector("strong.statePt"); 여기서 태그를 제외한 값만 가져오기 위해서 .textContent를 사용합니다. 아래와 같이 입력해주면 document.querySelector("strong.statePt").tex.. 2022. 4. 3.
728x90
반응형