0
我通過不使用表格標籤動態創建了一個包含3行的表格......我需要在腳本中找到這些行......在按鈕單擊中,如果有這些行是空的,則需要生成警報消息像進入當前行.....我怎麼能做到這一點...如何在javascript中查找動態創建的表格id
請建議我...
我通過不使用表格標籤動態創建了一個包含3行的表格......我需要在腳本中找到這些行......在按鈕單擊中,如果有這些行是空的,則需要生成警報消息像進入當前行.....我怎麼能做到這一點...如何在javascript中查找動態創建的表格id
請建議我...
我創建了一個非常簡單的例子。您可以修改它以適應您的情況。
<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>