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):路径选择