【www.bbyears.com--Dom教程】
JavaScript中的事件
1、onclick = "";//单点触发
2、ondblclick = "";//双击触发
3、onchange = "";//值发生改变是触发
4、onfocus = "";//获得焦点是触发
5、onblur = "";//失去焦点是触发
6、onmouserover= "";//鼠标进入某个元素时触发
7、onmouseout = "";//鼠标离开某个元素触发
8、onload="";//页面加载完的时候执行
鼠标你过来
<script>
function fun1(){
alert("我是单击事件");
}
function fun2(){
alert("我是双击事件");
}
function fun3(){
alert("我是改变事件");
}
function fun4(){
//alert("获得焦点");
document.getElementById("usename").value="";
}
function fun5(){
//alert("失去焦点");
document.getElementById("usename").value="请输入用户名";
}
function fun6(){
document.getElementById("status").innerHTML = "鼠标已经放上来";
}
function fun7(){
document.getElementById("status").innerHTML = "鼠标已经移开了";
}
</script>
dom对象
childNotes //获取所有子节点
children //获取所有子节点,并排除空节点
firstChild //第一个子节点
lastChild //最后一个子节点
previousSibling //上一个兄弟节点
nextSibling //下一个兄弟节点
nodeType;//节点类型(1:标签2:文本节点)
className;//获取class样式名称
方法:
getAttribute(属性名);//获取节点对象的属性值
setAttribute(属性名,属性值);//css属性名是什么这里就是什么
测试 css
<script>
//跟换div样式
function fun1(){
var d = document.getElementsByTagName("div")[0];
//alert(d.className);
//d.className = "index1";
//d.style.backgroundColor="blue";
//alert(d.getAttribute("class"));
d.setAttribute("style","background-color:blue;");
}
</script>