Comment sélectionner input :: placeholder avec JS?

Question

Je possède ce CSS: input::placeholder {font-size: 30px}

et j'essaie de changer l'entrée dans l'espace réservé CSS JS

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

mais la console retourne Uncaught TypeError: Impossible de lire le 'style' propriété de null. Comment modifier l'espace réservé en entrée CSS dans le bon sens?

Answer 1

Essai Ce:

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

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