1.onmouSEOver鼠標進入 2.onmouseout鼠標移出 3.onclick鼠標點擊 用法:
<a href=”src” onmouseover=”showPic(this); return false;” title=”0001” >0001</a>
表示當鼠標進入時執行showPic函數,參數是本身這個對象。執行完所有函數后返回false,因為一般情況下,點擊一個鏈接會打開一個新的頁面。而當onmouseover返回false時,就會認為沒有被點擊,所以不會打開新的頁面。
獲取一個元素的所有子元素,他是一個包含所有子元素的數組。 elements.childNodes
獲取body節點的屬性類型:*body[0].nodeType*
| 節點類型 | 屬性值 |
|---|---|
| 元素節點 | 1 |
| 屬性節點 | 2 |
| 文本節點 | 3 |
獲取p節點的內容:
var p = document.getElementsByTagName("p"); alert(p[0].firstChild.nodeValue);內容是一個文本節點,他是p節點的一個子節點,所以直接用p.nodeValue并不可以獲取文本內容,而是用p.firstChild獲取他的子節點的內容。
firstChild/lastChild 第一個子節點/最后一個子節點
運用以上知識完成的一個小項目: 效果圖如下:
源碼如下:
新聞熱點
疑難解答