js) 웹 페이지의 원하는 단어를 찾아 값 변경하기

querySelector

document.querySelector('#word').textContect="&&"

문서 내에서 첫 번째 '#word'단어를 찾고 그 값에 &&을 할당해준다.

여기서 '#' 부분에는 매개변수로 selectors가 들어간다.

막강한 점은 ".Newclass" 처럼 클래스 값을 대입해 줄 수 있다.

심지어 mdn의 자료에 의하면

var el = document.querySelector("div.user-panel.main input[name=login]");

위 식은 "user-panel main"인 div class="user-panel main"안의, 이름이 "login"인 중 첫 번째 요소를 나타냄

위 처럼 옵션을 복잡하게 해서 원하는 값을 찾을 수 있다.

추가로 발견!

textContect에 대한 매개변수가 없어서
직접 이것저것 넣어보다가 발견함 ㅜ_ㅜ 새벽 3시에 발견해서 더 값지군.

예를들어

document.querySelector('#word').textContect=doubleclick;

이렇게 문장을 쓰게되면 doubleclick이라는 변수에 값을(이에 상응하는 값이 있다면 그 값을) word단어 자리에 들어간다.

좋은 웹페이지 즐겨찾기