1)ECMAScript
2)BOM
3)DOM
功能: 控制html文檔的內容。 就是增刪改查的操作。
標籤、標籤裏的屬性、內容、註釋
代碼: 獲取頁面標籤(元素)對象-->頁面的元素都被封裝成了一個對象Element
document.getElementById(id值--字符串格式): 通過 `元素的id` 獲取元素對象.
筆記:
通過js來 通過元素的id來 動態獲取元素;
先執行的代碼獲取後加載的東西,是獲取不到的(chrome如果有問題,就用IE測試下);
操作Element對象:
1.修改屬性值
1、明確獲取的對象是哪一個?
2、查看api文檔,找其中哪些屬性可以設置.
2.標籤體
1、屬性: innerHTML-->設置標籤體的內容,是一個屬性.
4)事件
功能: 某些組件被執行了某些操作後,去觸發某些代碼的執行:
如: xxxx被xxxx, 我就xxx
代碼:
方法1: onclick="alert("我被點了");"
或者
onclick="func();"
方法2(對html的代碼沒有侵入):
通過js獲取元素對象, 指定事件屬性,設置一個函數.