javascript - JScript 按钮在 chrome 中工作但在 Firefox 中不工作

Question

我有一个脚本，基本上是在单击按钮时附加属性。脚本如下；

<script type="text/javascript">
window.generateRow = function() {
    var d = document.getElementById("add");
    var p = document.createElement("p");
    var input = document.createElement("input");
    input.setAttribute('type', 'text');
    input.setAttribute('pattern', '^[a-zA-Z ]+$');
    input.setAttribute('name', 'items[]');
    input.setAttribute('required');
    p.appendChild(input);
    d.appendChild(p);
}
</script>

在我的 HTML 中，我使用普通的 onClick 函数来回调该函数

<div id="add"></div>
<p><input type="button" value="Add" name="" onclick="generateRow()"/></p>

我遇到的问题是在我的 Chrome 版本中，每次单击按钮时我都可以添加一个字段，但在 Firefox 和更新版本的 Chrome 中，该按钮没有任何响应。

我使用的是 Firefox 版本 31.0，我使用的是 Chrome 版本 32.0

Answer 1

NodeElement 方法 setAttribute 需要两个参数，但行 input.setAttribute('required') 只有一个。您必须改用 input.setAttribute('required', true);。

更新后的整个代码:

generateRow = function() {
    alert('m');
    var d = document.getElementById("add");
    var p = document.createElement("p");
    var input = document.createElement("input");
    input.setAttribute('type', 'text');
    input.setAttribute('pattern', '^[a-zA-Z ]+$');
    input.setAttribute('name', 'items[]');
    input.setAttribute('required', true);
    p.appendChild(input);
    d.appendChild(p);
}

DEMO