Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/473.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript document.getElementByID和for循环 单击我获取索引_Javascript_Arrays_Button_For Loop_Getelementbyid - Fatal编程技术网

Javascript document.getElementByID和for循环 单击我获取索引

Javascript document.getElementByID和for循环 单击我获取索引,javascript,arrays,button,for-loop,getelementbyid,Javascript,Arrays,Button,For Loop,Getelementbyid,我的JavaScript代码: <button id="mybtn">click me for index </button> var myarray=[2,4,6,5,5]; (i=0;i您应该尝试以下代码片段,它将解决您的问题 var myarray=[2,4,6,5,5]; 对于(var i=0;i,您可以使用cloneNode来附加现有元素 代码: var myarray=[2,4,6,5,5]; 对于(var i=0;i

我的JavaScript代码:

<button id="mybtn">click me for index </button>
var myarray=[2,4,6,5,5];
(i=0;i
您应该尝试以下代码片段,它将解决您的问题
var myarray=[2,4,6,5,5];

对于(var i=0;i,您可以使用cloneNode来附加现有元素

代码:

var myarray=[2,4,6,5,5];
对于(var i=0;i
您可以使用cloneNode()复制它并附加多个。我还建议您从DOM中删除节点,并仅在屏幕上显示克隆。查看您的数组,您似乎也想附加一些数据。这可以通过指定属性或使用.setAttribute(“name”,value)来完成

var myarray=[2,4,6,5,5];
var proto=document.getElementById(“mybtn”);
proto.parentElement.removeChild(proto);

对于(var i=0;函数名应为document.getElementById。Javascript区分大小写。请更清楚地解释您正在尝试执行的操作。数组中的数字是用来做什么的?请参见此,您的页面中只能有一个ID。您可以有多个类名。i@SagarSuryawanshi:酷,如果有帮助,就把它标记为答案。嘿,维卡斯,我添加了一些附加功能,如单击每个按钮,我将获得其索引。请查看链接。请查看错误。@SagarSuryawanshi:这就是为什么不编写btn.innerHTML=“New button”+(I+1)?虽然这可能会回答这个问题,但在答案中加入一些文字来解释你在做什么总是一个好主意。阅读。耶!按照你的评论来做。感谢你的宝贵建议。我还必须问,我可以在jsbin u链接中看到你没有使用数组中的值。[2,4,6,5,5]这些数字是什么意思?
var myarray = [2,4,6,5,5];

(i=0; i<= myarray.length; i++){

   var allBtn = document.getElementByID("mybtn");

   document.body.appendChild(allBtn);
}
You should try following code snippet it will solve your problem 
    var myarray = [2,4,6,5,5];
    for(var i=0; i<= myarray.length; i++){
        var btn = document.createElement("BUTTON");
        var t = document.createTextNode("New Button"+(i+1));
        btn.appendChild(t);
        document.body.appendChild(btn);
      }
var myarray = [2,4,6,5,5];


for(var i=0; i< myarray.length; i++){

  var allBtn = document.getElementById("mybtn").cloneNode(true);

  document.body.appendChild(allBtn);

}
var myarray = [2,4,6,5,5];
var proto = document.getElementById("mybtn");
proto.parentElement.removeChild(proto);

for(var i=0; i<myarray.length; i++){
    var allBtn = proto.cloneNode(true);
    allBtn.setAttribute("data-index", myarray[i]);
    document.body.appendChild(allBtn);
}