part1復習
JavaScript分三個部分: 1. ECMAScript標準----JS基本的語法 2. DOM:Document Object Model 檔案物件模型 3. BOM:瀏覽器物件模型 DOM的作用: 操作頁面的元素 DOM樹: 把html頁面或者是xml檔案看成是一個檔案,檔案就是一個物件, 這個檔案中所有的標簽都是元素, 元素也可以看成是物件, 標簽(元素,物件)有很多, 還有嵌套的關系,組成的這種層次結構, 可以模擬成樹形結構圖,簡稱: 樹狀圖 , 就是DOM樹 獲取元素: 2種方式: 根據id從整個的檔案中獲取元素---回傳的是一個元素物件 document.getElementById("id屬性的值") 根據標簽的名字獲取元素-----回傳的是元素物件組成的偽陣列 document.getElementsByTagName("標簽的名字"); 操作基本標簽的屬性 src,title,alt,href,id屬性 操作表單標簽的屬性 name,value,type,checked,selected,disabled,readonly 元素的樣式操作 物件.style.屬性=值; 物件.className=值; 為元素添加事件的操作 事件: 就是一件事, 有事件源, 觸發和回應 this關鍵字----如果是在當前的元素的事件中使用this,那么this就是當前的物件 內置物件:系統自帶的物件 自定義物件:自己寫的物件 瀏覽器物件: DOM DOM物件:------->通過DOM方式獲取的元素得到的物件 元素: element: 頁面中的標簽 節點: Node: 頁面中所有的內容,標簽,屬性,文本 根元素: html標簽 頁面中的頂級物件---: documentpart2課程介紹
案例----重點 元素的樣式的操作的案例 阻止超鏈接跳轉--------- 小圖和大圖切換 美女相冊 獲取元素的其他的方式 元素樣式操作的相關的案例:查缺補漏:操作基本標簽和表單標簽的小案例 innerText和textContent innerText和innerHTML的區別 兼容代碼==========================重點 自定義屬性---------重點 節點操作-----------理解為主轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/165617.html
標籤：JavaScript