제목
CSS 선택자 질문
작성자
쌰인쑤탕
작성일
2023-01-19 07:27
조회
709
답변완료
저는 특정 위치에 존재하는 날짜를 가져오고 싶은데요.
아래와 같은 경우라면 CSS 선택자 구문을 어떻게 작성해야할까요?
header div span i 에 클래스 값을 줘도 잡히질 않습니다.
아래와 같은 경우라면 CSS 선택자 구문을 어떻게 작성해야할까요?
header div span i 에 클래스 값을 줘도 잡히질 않습니다.
첨부파일 1개
안녕하세요, 쌰인쑤탕님!
코드 상에 날짜 값은 i 태그 밖에 존재(형제 노드)하기 때문에 CSS 선택자를 작성할 때는 span까지만 입력하셔야 합니다 🙂
답변 감사합니다. 말씀하신대로 span에 클래스 값을 특정해서 날짜 부분을 잡아내는데 까지는 성공했습니다.
이후 첨부 파일대로 선택자 구문에 .innerText; 를 추가 하였으나 undefined 로 나옵니다.
어떻게 해야 할까요?
첨부파일 : 스크린샷-2023-01-25-오전-8.52.19.png
안녕하세요, 쌰인쑤탕님!
아래 두가지를 순서대로 해보세요. ( 둘 중 하나는 될 것으로 예상됩니다 )
1. document.querySelectorAll이 아닌 document.querySelector를 사용해보기
ex) document.querySelector('....').innerText;
2. innerText가 아닌 textContent를 써보기
ex) document.querySelector('....').textContent;
귀찮게 죄송합니다.
매번 정말 감사합니다. 덕분에 성공했습니다.
1번과 2번 같은 대안책을 저는 찾아볼 생각을 못했는데요.
제가 어느 분야를 모르기 때문에 이런 현상이 발생한건가요?
이건 자바스크립트를 아는 사람이라면 1&2번 쉽게 떠올릴 수 있나요?
넵, 자바스크립트에 익숙해지시면 금방 해결하실 수 있습니다 🙂