用js创建input的dom元素添加到页面并且改变placeholder字体的颜色

可以使用JavaScript中的DOM操作来创建一个input元素并将其添加到页面中，然后使用CSS样式来改变placeholder字体的颜色。

首先，创建一个input元素并设置其属性和样式：

const input = document.createElement('input');
input.setAttribute('type', 'text');
input.setAttribute('placeholder', '请输入...');
input.style.color = '#999'; // 设置placeholder字体颜色

然后，将input元素添加到页面中：

document.body.appendChild(input);

完整的代码如下：

const input = document.createElement('input');
input.setAttribute('type', 'text');
input.setAttribute('placeholder', '请输入...');
input.style.color = '#999'; // 设置placeholder字体颜色
document.body.appendChild(input);

你也可以使用CSS样式表来设置placeholder字体颜色，而不是在JavaScript中设置它。例如：

input::placeholder {
  color: #999;
}

然后，在JavaScript中创建input元素并将其添加到页面中：

const input = document.createElement('input');
input.setAttribute('type', 'text');
input.setAttribute('placeholder', '请输入...');
document.body.appendChild(input);

这样，placeholder字体的颜色将会按照CSS样式表中的设置来显示。