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('第二个得到了焦点')" />

 

 

转载于:https://www.cnblogs.com/tangzhengyue/archive/2011/12/17/2291291.html