使用JAVASCRIPT将单个值复制到多个列中

Zee*_*Ken 1 html javascript

我这里有这个代码.我需要放置用户输入的值(比如整数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>
Run Code Online (Sandbox Code Playgroud)

Mus*_*usa 5

getElementsByClassName为您提供元素列表,该列表中没有方法或属性来操作其中的所有元素.要操纵元素,您必须单独迭代元素.

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

http://jsfiddle.net/BzmBX/