728x90 querySelector2 [HTML] DOM 으로 HTML 조작하기(2) - querySelector, querySelectorAll 🌈 DOM으로 HTML 조작하기 - querySelector, querySelectorAll DOM으로 HTML 엘리먼트의 정보를 조회하기 위해서는 querySelector를 이용할 수 있다. querySelector('셀렉터') 를 이용할 수 있는데, 셀렉터로는 HTML tag, id, class를 가장 많이 이용한다. 1. ID로 엘리먼트 정보 조회하기 document.querySelector('#test') 2. Class로 엘리먼트 정보 조회하기 document.querySelector('.test') 3. div로 엘리먼트 정보 조회하기 document.querySelector('div') 💡 실행결과 2022. 5. 2. [JavaScript] querySelector 함수 사용해보기 🌈 querySelector 함수 사용해보기 querySelector()는 제공자 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 element를 반환한다. 일치하는 요소가 없다면 null을 반환하게 된다. 👉 querySelector를 이용하여 신문기사 제목 내 맘대로 바꿔보기 위 기사 제목을 querySelector를 이용하여 내 맘대로 바꿔보자! 제목의 class 이름을 먼저 확인해보자. 이 기사의 경우에는 class 이름이 "media_end_head_headline" 으로 설정되어 있다. console 창으로 넘어가 document.querySelector('.media_end_head_headline').textContent = "안녕하세요"; 다음과 같이 입력하면 기사 제목이 안녕하세.. 2022. 4. 27. 이전 1 다음 728x90
