0

私がこれを持っているとしましょう

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

LIタグを使用する代わりに .js を使用して番号付きリストを作成したいと考えています。私はjsを考えていました。コードは、最初の V1 を置き換えてそれを 1. と呼び、2 番目の V1 を置き換えてそれを 2 と呼ぶことができます。つまり、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 が順序付きリストを提供していることは知っています。

4

4 に答える 4

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;
  }
}
于 2011-01-19T05:39:58.077 に答える
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 は依然として最良の選択肢です。

于 2011-01-19T05:26:20.950 に答える
0

これを実現するには、javascript フレームワークを学習 (使用) することをお勧めします。これにより、JavaScript の開発が急速にスピードアップします。Jquery は現在非常に人気があり、それも使用する必要があると思います。Stackoverflow には、必要なものを説明する Jquery を使用したトピックが既にあります => jQuery を使用して順序付けられていないリストを生成する

于 2011-01-19T05:31:52.733 に答える