如何使用javascript向ul中的所有列表项添加字符串？

按下按钮时，我想将

字符串添加到ul的所有列表项中

按下按钮时，项目应从

列表项目01

更改为

1 2 3列表项目01

以下是我的代码：

function addPadding() {
  var list = document.getElementById("ypnList").getElementsByTagName("li");
  for (i = 0; i < list[i].length; i++) {
    list[i].id = "1&nbsp;2&nbsp;2&nbsp;" + list[i].id;
  }
}

清单项目01
清单项目02
清单项目03
清单项目04
清单项目05
清单项目06
清单项目07
清单项目08
清单项目09
清单项目10
清单项目11
清单项目12
清单项目13
清单项目14
清单项目15
清单项目16
清单项目17
清单项目18
清单项目19
清单项目20
清单项目21




添加填充

这是什么

函数addPadding（）{
var list=document.queryselectoral（“li”）；
对于（i=0；i

#ypnScrollbox{
高度：8em；
溢出y：滚动；
边框：1px纯水；
宽度：50%；
垫面：0.5em；
}
#ypnScrollbox>ul{
列表样式类型：无；
}
钮扣{
边缘顶部：1米；
背景：小麦；
}
李{
空白：预处理；
}

清单项目01
清单项目02
清单项目03
清单项目04
清单项目05
清单项目06
清单项目07
清单项目08
清单项目09
清单项目10
清单项目11
清单项目12
清单项目13
清单项目14
清单项目15
清单项目16
清单项目17
清单项目18
清单项目19
清单项目20
清单项目21




添加填充

这是什么

函数addPadding（）{
var list=document.queryselectoral（“li”）；
对于（i=0；i

#ypnScrollbox{
高度：8em；
溢出y：滚动；
边框：1px纯水；
宽度：50%；
垫面：0.5em；
}
#ypnScrollbox>ul{
列表样式类型：无；
}
钮扣{
边缘顶部：1米；
背景：小麦；
}
李{
空白：预处理；
}

清单项目01
清单项目02
清单项目03
清单项目04
清单项目05
清单项目06
清单项目07
清单项目08
清单项目09
清单项目10
清单项目11
清单项目12
清单项目13
清单项目14
清单项目15
清单项目16
清单项目17
清单项目18
清单项目19
清单项目20
清单项目21




添加填充

不确定是否要将某些内容附加到元素的属性或其内部HTML中。因此，我将介绍这两种情况

用于InnerHTML

function addPadding() {
  var list = document.getElementById("ypnList").getElementsByTagName("li");
  for (var i = 0; i < list.length; i++) {
    list[i].innerHTML = list[i].innerHTML + "content I want to add";
  }
}

---

不确定是否要将某些内容附加到元素的属性或其innerHTML中。因此，我将介绍这两种情况

用于InnerHTML

function addPadding() {
  var list = document.getElementById("ypnList").getElementsByTagName("li");
  for (var i = 0; i < list.length; i++) {
    list[i].innerHTML = list[i].innerHTML + "content I want to add";
  }
}

---

---

预期结果不清楚如果要向元素的内容添加文本，请使用

innerHTML+=…

但是，函数名为“addPadding”，因此是否确实要添加padding？您想要的最终结果是什么？编辑后，您的问题是要将列表项更改为列表项，或者这是一个输入错误？预期结果不清楚如果您想向元素的内容添加文本，请使用

innerHTML+=…

但是，函数名是“addPadding”，那么您真的想添加填充吗？您想要的最终结果是什么？编辑后，您的问题是您想将列表项更改为列表项，或者这是打字错误？为什么我们要使用

.innerHTML

？当li内容直接存储在数组中时？您应该学习javascript。您可以向我推荐任何有简单解释的好资源吗？我们为什么要使用

.innerHTML

？当li内容直接存储在数组中时？你应该学习javascript。你可能会建议我使用任何有简单解释的好资源吗？

list[i]。长度必须更改为
list。长度
正确，我复制了代码问题代码，让我修复，永远不会再复制和粘贴代码我发誓
list[i].length
必须更改为
列表。length
正确，我复制了代码问题代码，让我修复，我发誓再也不会复制和粘贴代码