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单元中的数据也是一个结点对象,即文字结点



相关阅读:
防止MySQL注入或HTML表单滥用的PHP程序
php 字符转义 注意事项
FreeBSD 5.3 与 Apache2.0建立列目录
PHPShop存在多个安全漏洞
对SQL Server分析服务性能进行优化
Linux 2.6内核中sysfs文件系统简单概述
jQuery 源码分析笔记(2) 变量列表
css ie6 ie7 ff的CSS hack使用技巧
文字或图片元素在DIV中垂直居中
Webjx收集jQurey模式窗口的网页设计实例
php中用于检测一个地理IP地址是否可用的代码
HTML服务器控件介绍:HtmlForm控件
XP系统关机提示“你可以安全地关机了”的解决
ASP.NET MVC Framework体验(5):路径选择
快速导航

Copyright © 2016 phpStudy |