【JAVAWEB學習筆記】04
晨讀單詞:
onmouseover:鼠標移入
onmouseout:鼠標移出
attribute:屬性
node:節點
document:文檔
element:元素
textNode:文本節點
append:追加
回顧之前已經使用過的事件:
onfocus/onblur:聚焦離焦事件,用於表單校驗的時候比較合適。
onclick/ondblclick:鼠標單擊和雙擊事件
onkeydown/onkeypress:搜索引擎使用較多
onload:頁面加載事件,所有的其它操作(匿名方式)都可以放到這個綁定的函數裏面去。如果是有名稱,那麽在html頁面中只能寫一個。
onmouseover/onmouseout/onmousemove:購物網站商品詳情頁。
onsubmit:表單提交事件 ,有返回值,控制表單是否提交。
onchange:當用戶改變內容的時候使用這個事件(二級聯動)
javascript的DOM操作:
Document:整個html文件都成為一個document文檔
Element:所有的標簽都是Element元素
Attribute:標簽裏面的屬性
Text:標簽中間夾著的內容為text文本
Node:document、element、attribute、text統稱為節點node.
以下兩個方法很重要,但是在手冊中查不到!
創建文本節點:document.createTextNode()
創建元素節點:document.createElement()
使用JS完成表格的一個隔行換色
1.需求分析
我們希望在後臺頁面中實現一個隔行換色的效果顯示所有的用戶信息,顯示效果如下:
2.技術分析
新標簽的學習
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
確定事件(頁面加載事件onload)
獲取元素:獲取表格(document.getElementById()),最終是為了獲取表格中tbody裏面的行數(長度)。
Tbody裏面的行數(rows.length)
JS的遍歷(for循環)
獲取奇數行和偶數行(對遍歷中角標對2取余)
設置背景顏色(.style.backgroundColor)
【JAVAWEB學習筆記】04