html dom最常用,HTML DOM 10 常用场景

示例 1 :

练习-删除行为前的提示

在进行删除操作前，都应该提示用户是否要删除

function deleteRow(link){

var b = confirm("确定删除？")

if(!b)

return;

var table = document.getElementById("heroTable");

var td = link.parentNode;

var tr = td.parentNode;

var index=tr.rowIndex;

table.deleteRow(index);

}

英雄名称	操作
盖伦	删除
提莫	删除
祈求者	删除

示例 2 :

练习-登陆时候，验证账号密码是否为空

账号：

密码：

function login(){

var name = document.getElementById("name");

if(name.value.length==0){

alert("用户名不能为空");

return false;

}

var password = document.getElementById("password");

if(password.value.length==0){

alert("密码不能为空");

return false;

}

return true;

}

示例 3 :

练习-提交数据，验证长度

账号：

function register(){

var name = document.getElementById("name");

if(name.value.length<3){

alert("用户名至少需要3位长度");

return false;

}

return true;

}

示例 4 :

练习-提交数据，验证年龄是否为数字

账号：

年龄：

function register(){

var name = document.getElementById("name");

if(name.value.length<3){

alert("用户名至少需要3位长度");

return false;

}

var age = document.getElementById("age");

if(age.value.length==0){

alert("年龄不能为空");

return false;

}

if(isNaN(age.value)){

alert("年龄必须是数字");

return false;

}

return true;

}

来源：https://www.cnblogs.com/JasperZhao/p/13379128.html