Question

让我说我有这个

<ol>
  <li>V1 One</li>
  <li>V1 Two</li>
  <li>V1 Three</li>
  <li>V1 Four</li>
</ol>`

我想使用.js制作有序列表，而不是使用LI标签。我在想js。代码可以替换第一个V1并将其称为1.，替换第二个V1并将其称为两个，依此类推，即计算有多少个V1并用有序列表替换它们。

或许可能是这样的

<ol>
  <li>i++ V1 One</li>
  <li>i++ V1 Two</li>
  <li>i++ V1 Three</li>
  <li>i++ V1 Four</li>
</ol>

每次从1开始i ++都会增加

是的，我知道LI提供有序清单！

Answer 1

您可以拥有一个空div，并使用javascript输入div

中的innerHTML

function listdown(){
  var startlist = "<ol>";
  var endlist = "</ol>";
  *use a for loop to enter the <LI>, this way, you can do much more with each item*
  document.getElementById("emptydiv").innerHTML = startlist + LI list + endlist;
}

修改

尽管如此，JQuery仍然是最好的选择

Answer 2

我建议你学习（使用）一个javascript框架来实现这个目标。它将迅速加速您的JavaScript开发。 Jquery目前非常受欢迎，我认为你也应该使用它。 Stackoverflow allready有一个主题，使用Jquery描述你想要的东西=＆gt; Generating an unordered list with jQuery

Answer 3

也许您想要遍历<ol>的孩子并操纵他们的innerHTML？

// Get the <ol> object from the DOM
var chillun = document.getElementById("yourOL").childNodes;

// Loop through the children of the <ol>
for(i=0;i<chillun.length;i++) {
  // Test that the node is indeed an <li>
  if(chillun[i].nodeName=='LI') {
    // Change this line to manipulate the text however you need
    chillun[i].innerHTML = i;
  }
}

Answer 4

您可以执行以下操作：

externals

如何使用javascript制作有序列表？

4 个答案: