Javascript document.getElementByID和for循环 单击我获取索引
我的JavaScript代码: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
<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);
}