1

ここにこのコードがあります。ユーザーが入力した値 (整数 10 など) を配置し、それに対する操作を計算し、テーブルで定義された行に答えを入力する必要があります。

4 つの列に同じ値をコピーできません。コードを変更するにはどうすればよいですか?

<html>

<table>
   <tr>
     <td class="demo"></td>
     <td class="demo"></td>
     <td class="demo"></td>
     <td class="demo"></td>
   </tr>
</table>

Enter Input:<input type="text" name="test"/>


<script>
  function testfunc()
    {
      var tt=document.getElementsByName("test")[0].value;   
      document.getElementsByClassName("demo").innerHTML = tt*20;
    }
</script>

<button onclick="testfunc()">TEST</button>

</html>
4

5 に答える 5

5

getElementsByClassName要素のリストを提供しますが、そのリストには、そのリスト内のすべての要素を操作するためのメソッドまたはプロパティはありません。要素を操作するには、要素を個別に反復処理する必要があります。

  cells = document.getElementsByClassName("demo");
  for (var i = 0; i < cells.length; i++){
    cells[i].innerHTML = tt*20;
  }

http://jsfiddle.net/BzmBX/

于 2013-10-22T05:57:43.467 に答える
0

この機能を試してください：

function testfunc(){
  var tt=document.getElementsByName("test")[0].value;
  var tds = document.querySelectorAll('td.demo');
  var nrtds = tds.length;
  for(var i=0; i<nrtds; i++) {
    tds[i].innerHTML = tt;
  }
}
于 2013-10-22T05:59:29.113 に答える