七、深入JavaScript的DOM（三）
@Author：Runsen
@Date：2109/03/23
javaScript基礎分為三個部分：
ECMAScript：javaScript的語法標準。包括變量、表達式、運算符、函數、if語句、for語句等。
DOM：文檔對象模型（Document object Model），操作網頁上的元素的API。比如讓盒子移動、變色、輪播圖等。
BOM：瀏覽器對象模型，操作瀏覽器部分功能的API。比如讓瀏覽器自動滾動。
文章目錄
DOM
實現上下圖片
顯示隱藏圖片
點擊下面的圖片，大圖就顯示出來
DOM
DOM是 JavaScript 操作 HTML 的接口（這里只討論屬于前端范疇的 HTML DOM），屬于前端的入門知識，同樣也是核心內容，因為大部分前端功能都需要借助 DOM 來實現，比如：監聽點擊、提交事件；
加載一些腳本或樣式文件；
元素對象有一個attributes屬性，比如id，class，tagname。因此可以通過下面的方法獲取元素對象。
方法都是獲取事件源和相關的元素，.綁定事件，寫 事件的驅動程序
實現上下圖片
講的多，還不如直接來干，比如，實現上下圖片的切換,，一共有10張圖片
一個img。兩個按鈕都給定對應的id，然后通過DOM操作，如果是9，下一張就要重新開始，代碼如下，自己摸索，去年我也是這么來的
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
顯示隱藏圖片
點擊隱藏就隱藏圖片
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
點擊下面的圖片，大圖就顯示出來
‘
點擊下面的圖片上面兩個都換成對應的，難度是比較大的，第一就是布局，大圖
蒲公英
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
案例下載：https://download.csdn.net/download/weixin_44510615/12475811
JavaScript web前端
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
版權聲明：本文內容由網絡用戶投稿，版權歸原作者所有，本站不擁有其著作權，亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容，請聯系我們jiasou666@gmail.com 處理，核實后本網站將在24小時內刪除侵權內容。
相關文章
