如何使用for循环在JavaScript中显示多次

我在W3学校学习JS，遇到了这个检查属性长度的程序。我后来修改它以显示元素所具有的属性的名称。这是密码

函数myFunction（）{
用于（变量计数器=0；计数器<2；计数器++）
var a=document.getElementById（“myBtn”）.attributes[counter].name；
document.getElementById（“输出”）.innerHTML=a；
}

单击按钮以查看button元素具有多少属性



试试看

试试下面的方法

function myFunction() {
var a="";
  for (var counter = 0; counter < 2; counter++){
     a+= document.getElementById("myBtn").attributes[counter].name;
}
  document.getElementById("output").innerHTML = a;
}

试试下面

function myFunction() {
var a="";
  for (var counter = 0; counter < 2; counter++){
     a+= document.getElementById("myBtn").attributes[counter].name;
}
  document.getElementById("output").innerHTML = a;
}

---

此时，每次循环运行时，您都要重新分配

a

（

var a=…

）：

---

此外，在作用域所在的位置使用大括号。您希望

输出

在循环之后。

此时，每次循环运行（

var a=…

）时，您都在重新分配

a

：

---

此外，在作用域所在的位置使用大括号。您希望

输出在循环之后。
这是因为您更改了元素的innerHTML，这意味着您更改了该元素的整个HTML

要执行所需操作，可以将当前innerHTML上的结果连接起来，或者创建元素并在其中添加值，然后将它们附加到文档中

例如：

var output = document.getElementById('output');
output.innerHTML = output.innerHTML + ' - ' + a;

这是因为您更改了元素的innerHTML，这意味着您更改了该元素的整个HTML

要执行所需操作，可以将当前innerHTML上的结果连接起来，或者创建元素并在其中添加值，然后将它们附加到文档中

例如：

var output = document.getElementById('output');
output.innerHTML = output.innerHTML + ' - ' + a;

您的代码中有一个非常简单的错误。您的代码将首先将
元素的innerHTML设置为“id”。然后，它将用下一个属性覆盖它，即“onclick”。要解决此问题，请更改

document.getElementById('output').innerHTML = a

到

document.getElementById（'output'）。innerHTML+=a+“
”


只是将属性彼此分离。以下是整个片段：


函数myFunction（）{
用于（变量计数器=0；计数器<2；计数器++）{
var a=document.getElementById（“myBtn”）.attributes[counter].name；
document.getElementById（“输出”）.innerHTML+=a+“
”；
}
}

单击按钮以查看button元素具有多少属性



试试看
您的代码中有一个非常简单的错误。您的代码将首先将
元素的innerHTML设置为“id”。然后，它将用下一个属性覆盖它，即“onclick”。要解决此问题，请更改

document.getElementById('output').innerHTML = a

到

document.getElementById（'output'）。innerHTML+=a+“
”


只是将属性彼此分离。以下是整个片段：


函数myFunction（）{
用于（变量计数器=0；计数器<2；计数器++）{
var a=document.getElementById（“myBtn”）.attributes[counter].name；
document.getElementById（“输出”）.innerHTML+=a+“
”；
}
}

单击按钮以查看button元素具有多少属性



试试看
您正在运行循环，它正在被覆盖您正在运行循环，它正在被覆盖
document.getElementById('output').innerHTML += a + "<br>"