Question

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

Answer 1

也许是这样的：

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

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

在style部分或.css文件中，您将拥有：

.newClass {
  /*Styles go here*/
    display: block;
}

上述例子：http://jsfiddle.net/8zen9wwo/3/

Answer 2

这是一个使用jQuery的简单示例：

http://jsfiddle.net/kmrvpz99/

Html代码

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

Javascript代码

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

css文件

.yourstyle {
    background-color: #000;
}

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

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

2 个答案: