Question

我动态创建了一个包含3行的表而不是使用表标记，....我需要在脚本中找到这些行...在按钮单击中，如果这些行中的任何一行为空则需要生成警报消息比如进入当前行.....我该怎么做...

请建议我......

Answer 1

我创造了一个非常简单的例子。您可以修改它以适应您的情况。

<html>

  <head>

  <title></title>

  <script type="text/javascript">

  window.onload = function(){

  var button = document.getElementById('row_check');

  var tableDiv = document.getElementById('container');

  var tableHTML = "<div id='mytable'><div id='row_one'>I am not empty</div><div id='row_two'></div><div id='row_three'></div></div>"

  tableDiv.innerHTML = tableHTML; 

  button.onclick = function(){

   if(document.getElementById('row_one').innerHTML == '') alert('Row 1 empty');

   if(document.getElementById('row_two').innerHTML == '') alert('Row 2 empty');

   if(document.getElementById('row_three').innerHTML == '') alert('Row 3 empty');

    }

 }

  </script>

  <style type="text/css">

  #mytable {

    width: 305px;

    height: auto;

    border: 1px solid black;

    padding:5px;  

    margin-top:10px;

  }

  #mytable div{

    width: 290px;

    height: 100px;

    margin:5px;

    border: 1px solid red; 

  }

  </style>

  </head>

  <body>

  <input type="button" value="Check Rows" id="row_check"/>

 <div id="container">  

</div>

  </body>

</html>

如何在javascript中查找动态创建的具有行id的表

1 个答案: