DOM学习笔记二
1. 事件冒泡:如果元素A嵌套在元素B中,那么A被点击下不仅A的onclick事件会被触发,B的onclick事件也会被触发。触发顺序是“由内而外”。 比如table的td点击事件就会触发tr点击事件进而出发table点击事件。
2. DOM学习笔记一中的Event.srcElement 可以用this来代替。
<input type="button" value="click" onclick="alert(event.srcElement.value)" />
<input type="button" value="click" onclick="alert(this.value)" />
不过要注意:如果把脚本写在调用函数里,this就不管用了。除非把this作为参数传过去。
<script type="text/javascript">
function btnClick(btn){
alert(btn.value);
}
</script>
<input type="button" value="click" onclick="btnClick(this)" />
this是当前发生事件的对象。Event.srcElement是引发事件的对象。事件冒泡
3.修改样式getElementById("btn").className="..."; //不是.class
或者btn.style.backgroundcolor="red";
4.onblur和onfocus
<input type="text" onblur="alert('第一个失去了焦点')" />
<input type="text" onfocus="alert('第二个得到了焦点')" />