js遍历table中的tr

<!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=gb2312" />
<title>js遍历table中的tr</title>
<script language="javascript">
function tt(){
var table1=document.getElementById('table1');
//节点只支持getElementsByTagName
alert('table1.getElementsByTagName("tr").length='+table1.getElementsByTagName("tr").length);
var rows=table1.rows;
for(var i=0;i<rows.length;i++){
rows[i].hwj='hwj'+i;
alert(rows[i].cells.length);
}

}

function tsb(){
var table1=document.getElementById('table1');
var rows=table1.rows;
for(var i=0;i<rows.length;i++){
alert(rows[i].hwj);
}

}

function bea(){
var table1=document.getElementById('table1');

alert(table1.getElementsByTagName("tr")[0].nodeName);
alert(table1.getElementsByTagName("tr")[0].nodeType);
alert('table1.getElementsByTagName("tr").length='+table1.getElementsByTagName("tr").length);
}

/*
childNodes在ff中和ie的区别。
ff中的node(nodeType = 1)都是用textNode(nodeType = 3)分开的，而ie/op不是这样的。
<div id="box1"><span>content</span></div>
在ff下,box1的childNodes为3个，ie下为1个

function dodiv(){
var div01=document.getElementById('div1');
alert('div01.childNodes.length='+div01.childNodes.length); //在firefox与ie中得到不同的结果
alert('div01.childNodes[0].nodeName='+div01.childNodes[0].nodeName);

}

</script>
</head>

</div>
<a href="javascript:dodiv();">div 01</a>
</body>
</html>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。