JScript Button 在 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

Answer 2

http://jsfiddle.net/ZZ7T5/2/ 它指向小提琴问题的链接在 setAttribute("required") 中。它要求两个参数，而您只传递一个参数

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', true); // THIS IS ERR
    p.appendChild(input);
    d.appendChild(p);
}