将CSS添加到并使用Javascript添加输入元素

我是JavaScript新手。我试图在点击按钮后添加动态输入，但我想知道如何将CSS应用于这些添加的输入，如果有人能给我一个简单的例子，我会很高兴！

---

谢谢大家!

可能是这样的：

<button onclick="newInput()">Add new input</button>

function newInput() {
    var newElement = document.createElement("input");
    newElement.className = "newClass";
    document.body.appendChild(newElement);
}

---

上面的Fiddle示例：

下面是一个使用jQuery的非常简单的示例：

Html代码

<div class="container"></div>

---

通过在css文件中定义.yourstyle，html站点上拥有该类的所有元素，甚至是通过javascript动态添加的元素，都将使用该样式。但是，您可以通过直接在元素上设置style属性来手动修改css。

就像。。。内联样式？不要。添加一个类和样式。我同意@BenPotter，但是如果你不能更改你的.css文件，你可以始终使用

$.css

，如果你有一个像jQueryI这样的设计库，但是当你点击Add按钮时添加的输入没有样式！请出示你的密码

<div class="container"></div>

$('.container').append('<input type="text" class="yourstyle">');
var manualCss = $('<input type="text">').css('background-color', '#333');
$('.container').append(manualCss);

.yourstyle {
    background-color: #000;
}