电子邮件邮件显示和删除的javascript实现
第一,主要介绍:这个问题采用前面的技术,根据表的行属性获取数组,然后设置数组样式,这样颜色就出来了。
1)。选中该复选框,通过VAR nodess = document.getelementsbyname(邮件);
对于(var x = 0;x<nodess.length;x++){
nodess {X}。检查= nodes.checked;
}
复选框的功能
2)。选择按钮,选择和取消选择,可以使用write函数,传入的allbybtn参数(努姆)不同类型
函数设置在js的两个状态,不是0和0,需要分别设置为同步。
3)。为了表明当所有选中的复选框被选择作为默认选择,所以每个复选框设置需要的功能,checkbysingle(集)
4)。删除选项主要是,当前是复选框,在对象之前和之后的一个TD - TR - TR,然后删除父节点,删除TR对象TR,X不会改变,可能会被删除,所以有必要恢复x的值,或者从后面开始删除。
2。样式设置:
一个{。
背景颜色:# 00ff80;
}
两{。
背景颜色:# 80ff00;
}
三{。
背景颜色:# 0000ff;
}
表第{
背景颜色:# c0c0c0;
}
表{
宽度:400px;
border: solid 1px;
}
表格TR {
身高:50px;
}
三、背景颜色和鼠标移动事件设置
功能toaddcolor(){
颜色设置,
无功节点= document.getelementbyid(憔悴);
无功rows1 = nodes.rows;
对于(var x = 1;x<rows1.length;x++){
如果(x % = 2 = 0){
rows1 {X}。类名=的一个;
}
{其他
rows1 {X}。类名=两;
}
}
}
函数AddEvent(){
变量名;
当鼠标上移/改变时
无功节点= document.getelementbyid(憔悴);
无功rows1 = nodes.rows;
对于(var x = 1;x<rows1.length;x++){
rows1 {X}。onmouseover =函数(){
名称= this.classname;
this.classname =三;
}
Rows1{x}.onmouseout = function () {
this.classname =名称;
}
警告(BB);
/ /警报(rows1 {X}。getElementsByTagName(输入){ 0 }。形式);
rows1 {X}。getElementsByTagName(输入)({ 0 }。onclick=功能){ / /每行输入对象
document.getelementsbyname { 0 }。定为真(allitem ); / /选择复选框的形状变化
}
}
}
(指针函数){ / /页面调用
Toaddcolor();
AddEvent();
}
四,检查复选框
功能allcheck(节点){ / /选择复选框点击呼叫这
无功nodess = document.getelementsbyname(邮件);
对于(var x = 0;x<nodess.length;x++){
nodess {X}。检查= nodes.checked;
}
当多个选择,另一个作为必须
VaR肿大1 = document.getelementsbyname(allitem );
对于(var x = 0;x<nodes1.length;x++){
肿大1 {X}。检查= nodes.checked;
}
}
五,选择按钮
功能allbybtn(NUM){ / /选择按钮设置
无功nodess = document.getelementsbyname(邮件);
对于循环倍数不是很好,根据JS的特点在0 - 0以内。
对于(var x = 0;x<nodess.length;x++){
如果(数字= 1){
nodess {X}。检查= 1;
}如果(= = 2){
nodess {X}。检查=!nodess {X}。检查;
}如果(= = 3){
nodess {X}。检查= false;
}
}
对于(var x = 0;x<nodess.length;x++){
如果(数字< 2){
nodess {X}。选中的民;
选择复选框以避免单独写入函数
所有变量= document.getelementsbyname(allitem );
对于(var y = 0;Y<all.length;Y + +){
如果(数字= 1){
所有{ = };
其他{ }
所有{ = };
}
}
其他{ }
nodess {X}。检查=!nodess {X}。检查;
所有变量= document.getelementsbyname(allitem );
对于(var y = 0;Y<all.length;Y + +){
全部{ = }。检查= 0;
} }
六后,所有项目被选中选择自动选择
功能(checkbysingle){ / /后全部选中,选择自动选择
var标志=真;
var node = document.getelementsbyname(邮件);
对于(var x = 0;x<node.length;x++){
如果(节点{ = },检查= FALSE){
标志=假;
打破;
}
}
所有变量= document.getelementsbyname(allitem );
对于(var y = 0;Y<all.length;Y + +){
如果(标志){
全部{ = };
}
{其他
全部{ = };
七。删除邮件的功能(删除行)
功能(delbybtn){ / /删除行
无功tdnode = document.getelementsbyname(邮件);
/ *(var x = 0;x<tdnode.length;x++){
如果(tdnode {X}。检查){ / /对象复选框必须父母TR
无功trnode = tdnode {X}。parentnode.parentnode; / /对象
trnode.parentnode.removechild(trnode); / /表对象中删除对象
警报(aa);
收集与java / /容器节点,只要是删除(),长度会发生变化。在这里,有必要重新设置X
X;
}
对于(var x = tdnode.length-1;X = 0;x){
如果(tdnode {X}。检查){ / /对象复选框必须父母TR
无功trnode = tdnode {X}。parentnode.parentnode; / /对象
trnode.parentnode.removechild(trnode); / /表对象中删除对象
}
(加载);调用颜色设置
}
}
现象1:
反选择效应:
在删除之前:
在删除:
完整的代码:
<!——
这个问题采用前面的技术,根据表的行属性获取数组,然后设置数组样式,这样颜色就出来了。
1,选中该复选框,通过VAR nodess = document.getelementsbyname(邮件);
对于(var x = 0;x<nodess.length;x++){
nodess {X}。检查= nodes.checked;
}
复选框的功能
2、选择按钮,选择和取消选择,可以使用write函数,传入的allbybtn参数(努姆)不同类型
函数设置在js的两个状态,不是0和0,需要分别设置为同步。
3、为了表明当所有选中的复选框被选择作为默认选择,所以每个复选框设置需要的功能,checkbysingle(集)
4、选择权的缺失是必不可少的,目前是该复选框对象,上层是TD - TR先获取对象,然后删除对象从不同的父
删除后,x更改,可能其中一些被删除,因此您需要恢复x的值或从后面删除它。
-->
mail.html
一个{。
背景颜色:# 00ff80;
}
两{。
背景颜色:# 80ff00;
}
三{。
背景颜色:# 0000ff;
}
表第{
背景颜色:# c0c0c0;
}
表{
宽度:400px;
border: solid 1px;
}
表格TR {
身高:50px;
}
变量名;
功能toaddcolor(){
颜色设置,
无功节点= document.getelementbyid(憔悴);
无功rows1 = nodes.rows;
对于(var x = 1;x<rows1.length;x++){
如果(x % = 2 = 0){
rows1 {X}。类名=的一个;
}
{其他
rows1 {X}。类名=两;
}
}
}
函数AddEvent(){
变量名;
当鼠标上移/改变时
无功节点= document.getelementbyid(憔悴);
无功rows1 = nodes.rows;
对于(var x = 1;x<rows1.length;x++){
rows1 {X}。onmouseover =函数(){
名称= this.classname;
this.classname =三;
}
rows1 {X}。onmouseout=函数(){
this.classname =名称;
}
警告(BB);
/ /警报(rows1 {X}。getElementsByTagName(输入){ 0 }。形式);
rows1 {X}。getElementsByTagName(输入)({ 0 }。onclick=功能){ / /每行输入对象
document.getelementsbyname { 0 }。定为真(allitem ); / /选择复选框的形状变化
}
}
}
(指针函数){ / /页面调用
Toaddcolor();
AddEvent();
}
功能allcheck(节点){ / /选择复选框点击呼叫这
无功nodess = document.getelementsbyname(邮件);
对于(var x = 0;x<nodess.length;x++){
nodess {X}。检查= nodes.checked;
}
当多个选择,另一个作为必须
VaR肿大1 = document.getelementsbyname(allitem );
对于(var x = 0;x<nodes1.length;x++){
肿大1 {X}。检查= nodes.checked;
}
}
功能allbybtn(NUM){ / /选择按钮设置
无功nodess = document.getelementsbyname(邮件);
对于循环倍数不是很好,根据JS的特点在0 - 0以内。
对于(var x = 0;x<nodess.length;x++){
如果(数字= 1){
nodess {X}。检查= 1;
}如果(= = 2){
nodess {X}。检查=!nodess {X}。检查;
}如果(= = 3){
nodess {X}。检查= false;
}
}
对于(var x = 0;x<nodess.length;x++){
如果(数字< 2){
nodess {X}。选中的民;
选择复选框以避免单独写入函数
所有变量= document.getelementsbyname(allitem );
对于(var y = 0;Y<all.length;Y + +){
如果(数字= 1){
所有{ = };
其他{ }
所有{ = };
}
}
其他{ }
nodess {X}。检查=!nodess {X}。检查;
所有变量= document.getelementsbyname(allitem );
对于(var y = 0;Y<all.length;Y + +){
全部{ = }。检查= 0;
}
}
}
}
功能(checkbysingle){ / /后全部选中,选择自动选择
var标志=真;
var node = document.getelementsbyname(邮件);
对于(var x = 0;x<node.length;x++){
如果(节点{ = },检查= FALSE){
标志=假;
打破;
}
}
所有变量= document.getelementsbyname(allitem );
对于(var y = 0;Y<all.length;Y + +){
如果(标志){
全部{ = };
}
{其他
全部{ = };
功能(delbybtn){ / /删除行
无功tdnode = document.getelementsbyname(邮件);
/ *(var x = 0;x<tdnode.length;x++){
If (tdnode{x}.checked) {// object is checkbox we must be the parent parent tr
无功trnode = tdnode {X}。parentnode.parentnode; / /对象
trnode.parentnode.removechild(trnode); / /表对象中删除对象
警报(aa);
收集与java / /容器节点,只要是删除(),长度会发生变化。在这里,有必要重新设置X
X;
}
对于(var x = tdnode.length-1;X = 0;x){
如果(tdnode {X}。检查){ / /对象复选框必须父母TR
无功trnode = tdnode {X}。parentnode.parentnode; / /对象
trnode.parentnode.removechild(trnode); / /表对象中删除对象
}
Toaddcolor();
AddEvent();
}
}
选择消息头消息的发件人附属信息
三国庆节祝福邮件附信息1…
杰克假日交通邮件附加信息2…
杰克假日交通邮件附加信息3…
杰克假日交通邮件附加信息4…
杰克假日交通邮件附加信息5…
汤姆一些广告邮件附加信息6…
汤姆一些广告邮件附加信息6…
汤姆一些广告邮件附加信息6…
汤姆一些广告邮件附加信息6…
选择
希望本文能帮助您学习Javascript程序设计。