问题在代码注释中,大家帮下忙。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS测试</title>
<script language="javascript">
//定义存放类对象的组合
var userlist=new Array();
//定义类对象
function User(name,age,date,area){ 
           this.name=name;
           this.age=age;
           this.date=date;
           this.area=area;
    }
var tab;
var tr;
function show() {
tab = document.getElementById("tab");
tr = tab.getElementsByTagName("tr");
for ( var i = 0; i < tr.length; i++) {
if (i % 2 == 0) {
tr[i].style.backgroundColor = "#FFCC99";
tr[i].onmouseover = function() {
this.style.background = "lightblue"
}
tr[i].onmouseout = function() {
this.style.background = "#FFCC99"
}
} else {
tr[i].style.backgroundColor = "#FFCC66";
tr[i].onmouseover = function() {
this.style.background = "lightblue"
}
tr[i].onmouseout = function() {
this.style.background = "#FFCC66"
}
}
}
disshowaddaction();
} var usernum=0;
function adduseraction() {

var name=document.getElementById('name').value;
var age=document.getElementById('age').value;
var date=document.getElementById('date').value;
var area=document.getElementById('area').value;
var areacity="";
if(checkName(name)|checkAge(age)|checkDate(date)){
//有一个失败就提交失败
alert("提交失败");
return false;
}
var user=new User(name,age,date,area);
userlist[usernum]=user;
usernum++;
alert("1");
alert(user.area);
//问题一:
//对象也能正常的输出Object
alert(userlist[usernum]);
//问题就在这里,上面的正常输出没有问题,但是下面的这个就报错不输出了。这是什么原因呢?
alert(userlist[usernum].area);
alert("2");
alert("提交成功");
return true;
}
function selectUserAction(){
var select=document.getElementById('select').value;
//从第二个tr子节点开始进行显示
for(var k=2;k<3;k++){
var td=tr[k].childNodes;
//问题二:正常使用没有问题
//但是这里如果输出alert(td.length);输出的结果是11,也就是实际数量*2=1.不知道是什么原因。
for ( var kk = 0; kk < td.length; kk++) {
var span=td[kk].firstChild;
if(span!=null){
span.innerHTML=value[shownum];
shownum++;
}
}
}
}
function checkName(name){
if(name=""){
alert("用户名不能为空");
return true;
}
return false;
}
function checkAge(age){
var regex=/^[0-9]{0,3}$/
if(!regex.test(age)){
alert("年龄只能为数字");
return true;
}
return false;
}
function checkDate(date){
var regex=/^[0-9]{1,}$/
if(!regex.test(date)){
alert("日期只能为数字和'-'符号");
return true;
}
return false;
}

function disshowaddaction() {
document.getElementById('add').style.display="none";
}
function showaddaction() {
document.getElementById('add').style.display="block";
}
window.onload = show;
</script>
</head> <body>
<fieldset>
<div id="show">
<legend>
欢迎使用
</legend>
<table border="0" width="600" height="200" id="tab">
<tr>
<td colspan="5">
<input type="text" id="select"/>
<input type="button" value="查询" onClick="selectUserAction();"/>
</td>
</tr>
<tr>
<td>
姓名
</td>
<td>
年龄
</td>
<td>
日期
</td>
<td>
地区
</td>
<td>
所属市
</td>
</tr>
<tr>
<td><span class="text1"></span></td>
<td><span class="text1"></span></td>
<td><span class="text1"></span></td>
<td><span class="text1"></span></td>
<td><span class="text1"></span></td>
</tr>
<tr>
<td><span class="text2"></span></td>
<td><span class="text2"></span></td>
<td><span class="text2"></span></td>
<td><span class="text2"></span></td>
<td><span class="text2"></span></td>
</tr>

<tr>
<td></td>
<td><input type="button" value="增加"  onclick="showaddaction()"/></td>
<td><input type="button" value="修改"  onclick="showaddaction()"/></td>
<td><input type="button" value="删除" /></td>
<td><input type="button" value="增加薪资" /></td>
</tr>
</table>
<div>
<div id="add">
<table width="300" height="300" border="0" id="tab1" align="left">
<tr bgcolor="#FFCC66">
<td>
*姓名
</td>
<td>
<input type="text" id="name"/>
</td>
</tr>
<tr bgcolor="#FFCC99">
<td>
*年龄
</td>
<td>
<input type="text" id="age"/>
</td>
</tr>
<tr bgcolor="#FFCC66">
<td>
*日期
</td>
<td>
<input type="text" id="date"/>
</td>
</tr>
<tr bgcolor="#FFCC99">
<td>
地区
</td>
<td>
<select name="source" id="area">
<option checked>
请选择
</option>
<option checked>
山东省
</option>
<option checked>
河南省
</option>
<option checked>
江苏省
</option>
</select>
</td>
</tr>
<tr bgcolor="#FFCC66">
<td>
所属市
</td>
<td></td>
</tr>
<tr bgcolor="#FFCC99">
<td>
薪资
</td>
<td>
<input type="text" id="salary"/>
</td>
</tr>
<tr bgcolor="#FFCC66">
<td colspan="2">
&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp
<input type="button" value="确定" onclick="adduseraction()"/>
&nbsp&nbsp&nbsp&nbsp&nbsp &nbsp&nbsp&nbsp&nbsp&nbsp
<input type="button" onClick="disshowaddaction();" value="取消">
</td>
</tr>
</table>
<div>
</fieldset>
</body>
</html>