一、獲取元素方法

可以使用內置對象document上的getElementById方法來獲取頁面上設置了id屬性的元素，獲取到的是一個html對象，然後將它賦值給一個變量。如下：

上面的語句，如果把javascript寫在元素的上面，就會出錯，因為頁面是從上往下加載執行的，javascript去頁面上獲取元素div1的時候，元素div1還沒有加載，解決方法有兩種

二、操作元素屬性

1、獲取頁面的元素，就可以對頁面元素的屬性進行操作，屬性的操作包括屬性的讀和寫。

操作屬性的方法：a、"."操作 b、"[ ]"操作

屬性的寫法如下：

a、html的屬性和js裏面的屬性寫法一樣

b、class屬性寫成"className"

c、"style"屬性裏面的屬性，有橫杠的寫成駝峰式。比如："font-size"改成"style.fontSize"

舉例說明：通過"."操作屬性

b、class屬性寫成"className"

c、"style"屬性裏面的屬性，有橫杠的寫成駝峰式。比如："font-size"改成"style.fontSize"

舉例說明：通過"[ ]"操作屬性

innerHTML 可以讀取或者寫入標簽包裹的內容

三、JS函數

函數就是重復執行的代碼片

1、函數定義與執行

2、變量與函數預解析

JavaScript解析過程分為兩個階段，先是編譯階段，然後是執行階段，在編譯階段會將function定義的函數提前，並且將var定義的變量聲明提前，將它賦值為undefined.

3、提取行間事件

在html行間調用的事件可以提取到javascript中調用，從而做到結構與行為分離。

4、匿名函數

定義的函數不給名稱，這個叫匿名函數，可以將匿名函數直接賦值給元素綁定的事件來完成匿名函數的調用。

5、函數傳參

6、函數‘return‘關鍵字

函數中‘return‘關鍵字的作用：

a、返回函數執行的結果

b、結束函數的運行

c、阻止默認行為

未完待續......

【幹貨】JS相關知識點總結