Guest User

Untitled

a guest
Oct 15th, 2018
78
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.10 KB | None | 0 0
  1. <table id="fields">
  2. <tr>
  3. <td><input type="text" /></td>
  4. <td><input type="text" /></td>
  5. <td><input type="text" /></td>
  6. </tr>
  7. <tr>
  8. <td><input type="text" /></td>
  9. <td><input type="text" /></td>
  10. <td><input type="text" /></td>
  11. </tr>
  12. <tr>
  13. <td><input type="text" /></td>
  14. <td><input type="text" /></td>
  15. <td><input type="text" /></td>
  16. </tr>
  17. </table>
  18.  
  19. //ページ読込完了時にshowValues()を実行する
  20. window.onload = function(){
  21. showValues();
  22. };
  23.  
  24.  
  25. //DOM操作により、各セルのinput要素に値を設定する
  26. function showValues(){
  27.  
  28. var fields = document.getElementById("fields");
  29. var trs = fields.getElementsByTagName("tr");
  30.  
  31. for(var i = 0; i < trs.length; i++){
  32. var tr = trs[i]
  33. var tds = tr.getElementsByTagName("td");
  34.  
  35. for(var j = 0; j < tds.length; j++){
  36. var td = tds[j];
  37. var input = td.getElementsByTagName("input");
  38. input[0].value = getRandomValue();
  39. }
  40.  
  41. }
  42.  
  43. }
  44.  
  45.  
  46. //ランダムな数値を取得する
  47. function getRandomValue(){
  48. //1~100のランダムな整数を生成
  49. return Math.ceil(Math.random() * 100);
  50. }
Add Comment
Please, Sign In to add comment