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　table = document.getElementById("table1");

//这是表格的行数

table.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

currentRow =　reocrders.item(j) ;

cur_cells = currentRow.getElementsByTagName("td");

for(i=0;i

alert(cur_cells.item(i).childNodes.item(0).data);

}

}

}

view plaincopy to clipboardprint?

function getCellData(){

reocrders = document.getElementsByTagName("tr");

for(j=1;j

currentRow =　reocrders.item(j) ;

cur_cells = currentRow.getElementsByTagName("td");

for(i=0;i

alert(cur_cells.item(i).childNodes.item(0).data);

}

}

}

function getCellData(){

reocrders = document.getElementsByTagName("tr");

for(j=1;j

currentRow =　reocrders.item(j) ;

cur_cells = currentRow.getElementsByTagName("td");

for(i=0;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)：路径选择