如何使用JS选择input :: placeholder？

Question

我有这个CSS：input::placeholder {font-size: 30px}

我尝试在JS中更改输入占位符CSS

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

但是控制台返回Uncaught TypeError：无法读取属性＆＃39; style＆＃39; null。

如何以正确的方式更改输入占位符CSS？

Answer 1

试试这个：

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

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