如何僅使用javascript獲取框索引號

Question

我想使用Javascript獲取框索引號。 就像我有四個盒子所以我希望每個盒子文本都有這個合適的數字。

<head>

  <script type="text/javascript">
  function () {
   var Main= document.getElementById('container').getElementsByTagName('div');

for(i=0; i<Main.length;i++){



}

  }
  </script>
  <style>
  .box {
    float:left;
    margin-left:20px;
    position:relative
  }
  .width {
    position:absolute;
    left:0;
    top:0;
    color:#FFF;
    font-size:20px;
  }
  </style>
</head>
<body>
  <div id="container">
    <div class="box">

      <img src="img/sample1.jpg" height="200" width="300" />
    </div>
    <div class="box">

      <img src="img/sample2.jpg" height="200" width="350" />
    </div>
    <div class="box">

      <img src="img/sample3.jpg" height="200" width="150" />
    </div>
    <div class="box">

      <img src="img/sample4.jpg" height="200" width="100" />
    </div>
  </div>
</body>

Answer 1

window.onload=function() {
   var Main= document.getElementById('container').getElementsByTagName('div');

  for(var i=0; i<Main.length;i++){
    Main[i].innerHTML+= '<span class="title">box '+(i+1)+'</span>';
  }
}

DEMO

Answer 2

用下面的替換所有JS，並將腳本標記作為body標記中的最后一個標記，以確保在調用DOM時DOM已准備就緒。 您也可以從onload事件中調用此函數。

(function(){
    var Main= document.getElementById('container').getElementsByTagName('div');
    for(var i=0; i<Main.length;i++){
      Main[i].innerHTML += "box"+i;
    }
})();

http://jsfiddle.net/mmjW9/

如何僅使用javascript獲取框索引號

問題描述

2 個解決方案

解決方案1
2 2012-07-14 13:02:17

解決方案2
1 已采納 2012-07-14 13:04:24

如何僅使用javascript獲取框索引號

問題描述

2 個解決方案

解決方案1 2 2012-07-14 13:02:17

解決方案2 1 已采納 2012-07-14 13:04:24

解決方案1
2 2012-07-14 13:02:17

解決方案2
1 已采納 2012-07-14 13:04:24