问题描述
< script type = " text/javascript" >
function checks ( ) {
var tt= document. getElementById ( "myTable" ) ;
var s= tt. lastChild. innerHTML;
alerrt ( s) ;
}
</ script>
原因
在js中,换行符、空格这些也是文本节点。lastChild在这里获取的是就是换行符,所以是undefined.
完整代码
<!DOCTYPE html>
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> 根据层次关系查找结点</ title>
< style type = " text/css" >
td {
font-size : 14px;
width : 80px;
height : 30px;
text-align : center;
border-bottom : 1px solid #666;
border-right : 1px solid #666;
}
table {
border-left : 1px solid #666;
border-top : 1px solid #666;
}
body { text-align : center; }
input { margin-top : 5px; }
</ style>
< script type = " text/javascript" >
function checks ( ) {
var tt= document. getElementById ( "myTable" ) ;
var s= tt. lastElementChild. firstElementChild. firstElementChild. innerHTML; ;
alert ( s) ;
}
function f ( ) {
var t= document. getElementById ( "myTable" ) ;
var ih= t. lastElementChild. firstElementChild. firstElementChild. innerHTML;
alert ( ih) ;
}
</ script>
</ head>
< body>
< table id = " myTable" border = " 0" cellspacing = " 0" cellpadding = " 0" >
< thead>
< tr>
< td> 姓名</ td>
< td> 课程</ td>
< td> 成绩</ td>
</ tr>
</ thead>
< tbody>
< tr>
< td> 欧阳兰</ td>
< td> 语文</ td>
< td> 88</ td>
</ tr>
< tr>
< td> 白杨</ td>
< td> 数学</ td>
< td> 96</ td>
</ tr>
</ tbody>
</ table>
< input name = " btn" onclick = " checks()" type = " button" value = " 第二行第一个单元格内容" >
</ body>
</ html>