1.禁用文本框
js设置disable的属性为true即不可用状态
document.getElementById("btn").disable="true";
2.阻止超链接跳转
return false;
3.鼠标进入 onmouseover
鼠标离开 onmouseout
4.根据名字获取元素
<input type="text" value="aa" name="name1"/>
//返回的是一个数组
var inputs =document.getElementsByName("name1");
5.根据类样式获取元素
<p class="cls">这是另一个p</p>
<span class="cls">这是第一个span</span><br/>
<span>这是第二个span</span><br/>
//返回的是一个数组
var objs =document.getElementsByClassName("cls");
6.根据选择器获取元素
//根据id获取元素,返回单个元素
var btnObj = document.querySelector("#btn");
//获取所有元素,根据类样式,返回的是一个数组
var objs = document.querySelectorAll(".cls");
总结
根据id属性的值获取元素,返回来的是一个元素对象
document.getElementById("id属性的值");
根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
document.getElementsByTagName("标签名字");
下面的几个,有的浏览器不支持
根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
document.getElementsByName("name属性的值")
根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
document.getElementsByClassName("类样式的名字")
根据选择器获取元素,返回来的是一个元素对象
document.querySelector("选择器的名字");
根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
document.querySelectorAll("选择器的名字")
7.注册焦点事件
onfocus
失去焦点事件
onblur
8.自定义属性
设置自定义属性:对象.setAttribute("属性的名字","属性的值");
获取自定义属性的值:对象.getAttribute("属性的名字")
移除自定义属性:对象.removeAttribute("属性的名字")
eg:移除元素类样式
.removeAttribute("class");