DOM和JAVASCRIPT访问页面上的元素

访问方法：

　　getElementById()：返回拥用传递给该方法的指定id的第一个对象的引用。

　　getElementsByName()：返回拥用传递该方法的指定name的对象集合。

　　getElementsByTagName()：返回拥用传递给该方法的指定tag名称的对象集合。

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

　　功能描述：获得记录数：

　　Js代码

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

　　也可以这样写：

　　Js代码

var　table = document.getElementById("table1");　　
//这是表格的行数　　
table.rows.length;　　
//如查要获得数据的记录数要把表头给去掉。要减1.　
view plaincopy to clipboardprint?
var　<A title=table href="http://www.alimama.com/membersvc/buyadzone/buy_ad_zone.htm?adzoneid=892989 " target=_blank>table</A> = document.getElementById("table1");　
//这是表格的行数　
<A title=table href="http://www.alimama.com/membersvc/buyadzone/buy_ad_zone.htm?adzoneid=892989 " target=_blank>table</A>.rows.length;　
//如查要获得数据的记录数要把表头给去掉。要减1.　
var　table = document.getElementById("table1");
//这是表格的行数
table.rows.length;
//如查要获得数据的记录数要把表头给去掉。要减1.
表格有rows与cells属性。其特点与getElementByTagName一样
getElementByTagName是文档接口（Document interface）和元素接口（Element interface）的中的方法，所以不管是根文档对象还是所有的元素对象都含有方法getElementByTagName();

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

　　Js代码

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

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

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);　　
　　　 }　　
　 }　　
}　
view plaincopy to clipboardprint?
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);　
　　　 }　
　 }　
}　
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单元中的数据也是一个结点对象，即文字结点