WEB开发网
开发学院网页设计JavaScript DOM和JAVASCRIPT访问页面上的元素 阅读

DOM和JAVASCRIPT访问页面上的元素

 2010-09-14 13:18:14 来源:WEB开发网   
核心提示:访问方法:getElementById():返回拥用传递给该方法的指定id的第一个对象的引用,getElementsByName():返回拥用传递该方法的指定name的对象集合,DOM和JAVASCRIPT访问页面上的元素,getElementsByTagName():返回拥用传递给该方法的指定tag名称的对象集合,如

访问方法:

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();

1 2  下一页

Tags:DOM JAVASCRIPT 访问

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接