2008-02-22

DOM和JAVASCRIPT访问页面上的元素

关键字: dom和javascript

访问方法：

  1. getElementById()：返回拥用传递给该方法的指定id的第一个对象的引用。
  2. getElementsByName()：返回拥用传递该方法的指定name的对象集合。
  3. 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单元中的数据也是一个结点对象，即文字结点

评论
risezhang 2008-02-22
IE里getElementsByName()是按ID拿的 - -
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

cljspn
搜索本博客
我的相册
61a67798-9c45-4fa5-ad0a-1c8dd1085057-thumb
美女
共 1 张
存档
最新评论