【转】getElementById()、getElementsByName()、getElementsByTagName()的用法和获得表格中的记录数

1. getElementById()：返回拥用传递给该方法的指定id的第一个对象的引用。
2. getElementsByName()：返回拥用传递该方法的指定name的对象集合。
3. getElementsByTagName()：返回拥用传递给该方法的指定tag名称的对象集合。

如果在页面上有一个表格，

功能描述：获得记录数：

Js代码

1. //要把表头去掉。   
2. function getReorderCount(){   
3.   var reocrders = document.getElementsByTagName("tr");   
4.   return reocrders.length -1;   
5. }  

//要把表头去掉。function getReorderCount(){  var reocrders = document.getElementsByTagName("tr");  return reocrders.length -1;}

也可以这样写：

 

Js代码

1. var  table = document.getElementById("table1");   
2. //这是表格的行数   
3. table.rows.length;   
4. //如查要获得数据的记录数要把表头给去掉。要减1.  

var  table = document.getElementById("table1");//这是表格的行数table.rows.length;//如查要获得数据的记录数要把表头给去掉。要减1.

表格有rows与cells属性。其特点与getElementByTagName一样

getElementByTagName是文档接口（Document interface）和元素接口（Element interface）的中的方法，所以不管是根文档对象还是所有的元素对象都含有方法getElementByTagName();

功能描述：获得表格的列数

Js代码

1. function getColumnCount(){   
2.    var reocrders = document.getElementsByTagName("tr");   
3.     return reocrders.item(0).childNodes.length   
4. }  

function getColumnCount(){   var reocrders = document.getElementsByTagName("tr");    return reocrders.item(0).childNodes.length}

功能描述：获得除表头表格中元素的数据

Js代码

1. function getCellData(){   
2.    reocrders = document.getElementsByTagName("tr");   
3.    for(j=1;j<reocrders.length;j++){   
4.        currentRow =  reocrders.item(j) ;   
5.        cur_cells = currentRow.getElementsByTagName("td");      
6.        for(i=0;i<cur_cells.length;i++){   
7.             alert(cur_cells.item(i).childNodes.item(0).data);   
8.        }   
9.    }   
10. }  

function getCellData(){   reocrders = document.getElementsByTagName("tr");   for(j=1;j<reocrders.length;j++){       currentRow =  reocrders.item(j) ;       cur_cells = currentRow.getElementsByTagName("td");          for(i=0;i<cur_cells.length;i++){            alert(cur_cells.item(i).childNodes.item(0).data);       }   }}

 其中一个td单元中的数据也是一个结点对象，即文字结点