Javascript 如何将链接分配给类元素？

我正试图用javascript为导航栏分配链接。我给我的导航链接起了一个类名：“导航”。似乎循环最后为我的所有链接元素分配了“javascript”

var myArray = document.getElementsByClassName("navigation"); // array
var text = ["HTML", "DOM", "Javscript"];

var a = document.createElement("a");

for (var i = 0; i < myArray.length; i++) {
  var linkText = document.createTextNode(text[i]); 
  a.appendChild(linkText);
  a.href = "#" + text[i];
  document.body.appendChild(a);
}

var myArray=document.getElementsByClassName（“导航”）；//排列
var text=[“HTML”、“DOM”、“Javscript”]；
var a=document.createElement（“a”）；
对于（var i=0；i

您只有一个元素，它将被删除。因此，将分配移动到循环中：

var myArray=document.getElementsByClassName（“导航”）；//排列
var text=[“HTML”、“DOM”、“Javscript”]；
对于（var i=0；i

a{margin:10px；}

---

您只创建了一次定位标记

var myArray=document.getElementsByClassName（“导航”）；//排列
var text=[“HTML”、“DOM”、“Javscript”]；
对于（var i=0；i

Move

var a=document.createElement（“a”）在循环中，因为
a
是全局变量，javascript通过引用赋值