Question

此按添加按钮添加额外字段的查询适用于Google Chrome，但不适用于Internet Explorer。请帮我在IE 11中进行解决。

<html>
    <head>
    <script>    
        function add_field() 
        {
            var form = document.getElementsByTagName('form')[0],
            input = document.createElement('input');
            input.setAttribute('type', 'text');
            input.setAttribute('name', 'item');
            form.appendChild(input);
        };
    </script>



    <form name="input" method="get">
        <div class="ui-input-text">
            <input type="text" name="item"><br>
            <div data-role="navbar">
                <button type="button" onclick="add_field

    ()">ADD</button><br>
            </div>
        </div>
    </form>

    </body>
    </html>

Answer 1

根据我的经验，互联网浏览器（各种版本）在分配＆＃34;名称＆＃34;属性到元素。我发现以下自定义方法适用于任何事情：

Element.prototype.customAttribute=function(customname, customvalue){
var z=document.createAttribute(customname);
z.value=customvalue;
this.setAttributeNode(z);
}

Answer 2

该脚本运行正常，但您需要允许它在站点上运行脚本。 Internet Explorer将阻止脚本，直到用户确认他/她希望它运行。

Internet Explorer阻止此网页运行脚本或activex控件

我在Windows 7 64位上使用了Internet Explorer 11。没有发生错误，一切都运转了。

通过添加按钮添加额外字段

2 个答案: