java开发实战(第八天)

  1. 1. DOM模型
    1. 1.1. 标签对象化
  2. 2. document对象中的方法介绍
  3. 3. 输入校验

DOM模型

DOM全称是Document Object Model 文档对象模型
把文档中的标签,属性,文本,转换成为对象来管理。

标签对象化

用一个类记录标签的所有消息

1
2
3
4
5
6
7
class Dom{
private string id;//id属性名
private string tagname;//表示标签名
private Dom parentNode;//父亲
private List<Dom>children//孩子
private String innerHTML//起始标签和结束标签中间的内容
}

document对象中的方法介绍

1
2
3
4
5
document.getElementById(elementId)   //通过标签的id属性查找dom对象,
elementId是标签的id值 指定对象的第一个。 一个
document.getElementByName(elementName) //通过标签的name属性查找dom对象,elementId是标签的name值,多个
document.getElementTagByName(tagname) //通过标签名查找标签dom对象,tagname是标签名
document.createElement(tagName) //方法,通过给定的标签名,tagName是要创建的标签名

输入校验

1
2
3
4
5
6
7
8
9
10
11
12
13
function onclickFun(){
var newObj =document.getElementById("newObj");
//alert(newObj.value);
var usernameText =newObj.value;
//验证文本是否合法
var patt =/^\w{5,12}$/;//5-12个字符串正则表达式
/*test()方法用于测试某个字符串是否匹配*/
if(patt.test(usernameText)){
alert("用户名合法");}
else{
alert("用户名不合法");
}
}