2010-06-22 80 views
0

我通過不使用表格標籤動態創建了一個包含3行的表格......我需要在腳本中找到這些行......在按鈕單擊中,如果有這些行是空的,則需要生成警報消息像進入當前行.....我怎麼能做到這一點...如何在javascript中查找動態創建的表格id

請建議我...

回答

0

我創建了一個非常簡單的例子。您可以修改它以適應您的情況。

<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>