JS를 사용하여 input :: placeholder를 선택하는 방법은 무엇입니까?

Question

나는이 CSS가 : input::placeholder {font-size: 30px}

을 나는

var inputPlaceholder = document.querySelector("input::placeholder"); 
inputPlaceholder.style.fontSize = "5px"; 

JS

에 입력 자리 표시 자 CSS를 변경하려고하지만 콘솔이 처리되지 않는 형식 오류를 반환 널 (null)의 특성 '스타일'을 읽을 수 없습니다.

올바른 방법으로 입력 자리 표시 자 CSS를 변경하는 방법은 무엇입니까? 이를 위해

Answer 1

시도 :

<input type="text" style="font-size: 30px" placeholder="Here." id="new"/> 

var inputPlaceholder = document.getElementById('new'); 
inputPlaceholder.style.fontSize = "5px";