首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

DOM和JAVASCRIPT访问页面下的元素

2012-11-23 
DOM和JAVASCRIPT访问页面上的元素访问方法:getElementById():返回拥用传递给该方法的指定id的第一个对象的

DOM和JAVASCRIPT访问页面上的元素

访问方法:

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

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

功能描述:获得记录数:

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

也可以这样写:

?

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

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

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

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

function getColumnCount(){   var reocrders = document.getElementsByTagName("tr");    return reocrders.item(0).childNodes.length}
功能描述:获得除表头表格中元素的数据
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单元中的数据也是一个结点对象,即文字结点

1 楼 risezhang 2008-02-22   IE里getElementsByName()是按ID拿的 - -

热点排行