javascript 如何判断table页是否存在

JavaScript056

javascript 如何判断table页是否存在,第1张

隐藏的话说明这个dom元素中在页面没有被删除，肯定能get到，只是它的css被修改，所以你看一下他的css的负责显示的属性是显示还是隐藏就可以了

var table = document.getElementById("tableId")

if(table.style.display=="block"

|| table.style.display=="inline"

|| table.style.visibility="visible") {

// 隐藏的,这写一个就行，看你当时是怎么隐藏的，是怎么隐藏的就怎么做比较

}

下面代码基本按照你的格式来的，键盘抬起 0.5 秒后添加 table。更改 max = 14 设置最大天数，style 自己调整。

每一个 table 有一个 id：day1, day2, day3...

每一个景点 input 有一个 name，location1, location2, location3...

每一个住宿 input 有一个 name，hotel1, hotel2, hotel3...

每一个行程  textarea 有一个 name，schedule1, schedule2, schedule3...

<style type="text/css">

#days {color: #c00font-weight: boldtext-align: center}

input[type=text], textarea {background: #f8fefe}

textarea {width: 100%height: 200px}

table {margin-bottom: 10px}

</style> <script type="text/javascript">

window.onload = function() {

var max = 14,

timer = null,

days = document.getElementById("days"),

tables = document.getElementById("tables")

days.onkeyup = function() {

clearInterval(timer)

timer = setTimeout(function() {

var days_num = parseInt(days.value)

if(days_num >= 1 &&days_num <= max) {

tables.innerHTML = ""

for(var i = 1i <= days_numi++) {

var table = document.createElement("table")

table.id = "day" + i

table.style.width = "100%"

var tr1 = table.insertRow(-1),

td = tr1.insertCell(-1)

td.style.width = "1%"

td.style.whiteSpace = "nowrap"

td.innerHTML = "第" + i + "天景点："

(tr1.insertCell(-1)).innerHTML =

'<input type="text" name="location' + i + '" />'

var tr2 = table.insertRow(-1)

(tr2.insertCell(-1)).innerHTML = '用餐：'

(tr2.insertCell(-1)).innerHTML = '早餐'

var tr3 = table.insertRow(-1)

(tr3.insertCell(-1)).innerHTML = '住宿：'

(tr3.insertCell(-1)).innerHTML =

'<input type="text" name="hotel' + i + '" />'

var tr4 = table.insertRow(-1)

(tr4.insertCell(-1)).innerHTML = '行程：'

(tr4.insertCell(-1)).innerHTML =

'<textarea name="schedule' + i + '" /></textarea>'

tables.appendChild(table)

}

}

else {

alert("请输入 1 - " + max + " 之间的数值")

}

}, 500)

}

}

</script> <p>行程天数：<input id="days" type="text" size="4" value="" />天</p>

<div id="tables"></div>

如果整个页面只有这三个SPAN，你可以用下面的方法。注意：月份的素引是当前月减一。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>New Document </title>

<meta name="Generator" content="EditPlus">

<meta name="Author" content="">

<meta name="Keywords" content="">

<meta name="Description" content="">

<script type="text/javascript">

function getMonth(){

var spans = document.getElementsByTagName("span")

for(var i=0i<spans.lengthi++){

var date = new Date(spans[i].innerHTML)

alert(spans[i].innerHTML+"==="+date.getMonth())

}

}

</script>

</head>

<body>

<table>

<tr>

<td>

<span>2011/4/12 0:00:00</span>

<span>2011/3/12 0:00:00</span>

<span>2011/2/12 0:00:00</span>

</td>

</tr>

</table>

<input type="button" value="get" onclick="getMonth()"/>

</body>

</html>