Javascript 在列表中创建链接

我有一张这样的清单

<li class="list">text1</li>
<li class="list">text2</li>
<li class="list">text3</li>

---

是否可以创建一个循环或类似的东西，这样我就不必为所有三个链接编写相同的代码？

迭代列表元素，添加锚HTML作为文本替换：

[].forEach.call(document.querySelectorAll('.list'), function (el) {
  var txt = el.textContent;
  el.innerHTML = '<a href="#' + txt + '">' + txt + '</a>';
});

[].forEach.call（document.queryselectoral（'.list'），函数（el）{
var txt=el.textContent；
el.innerHTML=''；
});

---

是的，首先需要找到所有列表类标记并循环遍历它们

var lists = document.getElementsByClassName("list");
for(var i=0; i<lists.length; i++) {

第三，创建

a

元素，并将a元素的textContent设置为当前列表的文本，href设置为当前文本加上

符号

var a = document.createElement("a");
a.href = "#"+text;
a.textContent = text;

最后将a附加到当前列表元素

lists[i].appendChild(a);

var list=document.getElementsByClassName（“list”）；
对于（var i=0；我能澄清你的问题吗？如果你已经用链接编辑了HTML，为什么你需要用JavaScript做任何事情？你是在动态地更改链接吗？你是在一开始就尝试动态地创建它们吗？任何澄清都会很有帮助！
var text = lists[i].textContent;
lists[i].textContent = "";

var a = document.createElement("a");
a.href = "#"+text;
a.textContent = text;

lists[i].appendChild(a);