JSを使ってinput :: placeholderを選択する方法は？

Question

私はこのCSS持っている：input::placeholder {font-size: 30px}

を、私は

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

JS

に入力プレースホルダのCSSを変更しようとしているが、コンソールが捕捉されない例外TypeErrorを返します。ヌルのプロパティ「スタイル」を読み取ることができません。

正しいプレースホルダCSSを変更するにはどうすればよいですか？これについては

Answer 1

試してみてください。

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

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