JS学习笔记(下)

dom操作（二）

1.this参数

HTML中，onblur,onclick等事件调用js方法时，可以用this作参数，将当前标签元素对象传给函数

<input type="text" onblur="showMessage(this)"/>  //将该input对象传给showMessage()方法

 

function showMessage(object){  //js方法参数中可以传元素标记对象

　　if(object.value=""){

　　alert("内容为空")

}else{

　　alert(object.value);

}

}

 

2.JS中的取消事件

<buttoin onclik="return false">提交</button>

如上，将会取消表单的提交，通常使用 onclik="return validate();"来验证表单并提交。

 

3.在HTML中添加/删除标记元素

var oneDiv=document.createElement("div");  //利用document.createElement()方法创建元素，该方法只能document调用，返回一个标记对象，参数写标记元素类型

b.appendChild(oneDiv);//利用appendChild()方法放置元素，b为oneDiv的父元素

oneDiv.innerHTML="new div";//添加div中的内容

b.removeChile(oneDiv);//删除oneDiv对象元素

 

4.<select ></select>标签属性

onchange="showNames()";  //选项改变,触发指定的事件

selectedIndex="1"// 索引顺序

 在js中利用下面方法清空下拉列表

$("firstSelect").options.length=0;

 

5.正则表达式验证

var reg=/^\d{3}$/;　　//js中正则表达式写在"/    /"之间，^表示开始，$表示结束，\d表示数字，{ }表示位数,如{3}表示3位，{3,6}表示3~6位，该表达式表示，3位数字

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

//创建表达式，验证

var reg2=/^[a-zA-Z0-9]{3,6}$/;  //表示3~6位的字符

var b=reg2.test(name);   //test()为正则表达式提供的验证方法，name