Web API---DOM---part3課程介紹和part2複習

-Advertisement-

part3課程介紹節點為什麼要學節點節點的操作的相關屬性 >作用 12行代碼有用的熟練的問題, 節點的案例元素的創建三種方式重點的內容為什麼要有元素的創建添加元素移除元素事件的 part2複習阻止超鏈接預設的跳轉事件: return false; 獲取元素的方式根據id獲取 ...

part3課程介紹

節點

為什麼要學節點節點的操作的相關屬性------>作用 12行代碼----有用的----熟練的問題, 節點的案例

元素的創建三種方式------重點的內容

為什麼要有元素的創建添加元素移除元素事件的

part2複習

阻止超鏈接預設的跳轉事件: return false;

獲取元素的方式

根據id獲取元素 document.getElementById("id屬性的值"); 根據標簽名字獲取元素 document.getElementsByTagName("標簽的名字"); 有的瀏覽器不支持, IE低版本的瀏覽器不支持,IE8以下的根據name屬性的值獲取元素 document.getElementsByName("name屬性的值"); 根據類樣式的名字獲取元素 document.getElementsByClassName("類樣式的名字"); 根據選擇器獲取元素 document.querySelector("選擇器");返回一個對象根絕選擇器獲取元素 document.querySelectorAll("選擇器");返回數組,多個元素組成的

設置元素的樣式的方式

對象.style.屬性=值; 對象.className=值;

innerText和textContent的相容問題

目前的瀏覽器都支持innerText,應該是屬於ie的標準 textContent本身是火狐支持,IE8不支持

innerText和innerHTML的區別

都可以設置標簽的文本內容,如果要設置標簽及內容推薦使用innerHTML 如果要獲取標簽中的文本,innerText,也可以使用innerHTML 如果想要獲取的是有標簽,也有文本---innerHTML

自定義屬性的操作

自定義屬性:標簽原本沒有這個屬性,為了存儲數據,程式員自己添加的屬性自定義屬性無法直接通過DOM對象的方式獲取或者設置對象.getAttribute("自定義屬性名字");獲取自定義屬性的值對象.setAttribute("屬性名字","值");設置自定義屬性及值移除自定義屬性對象.removeAttribute("屬性的名字"); 完成隨機點名項目====晚上再說

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

JavaScript的函數申明、函數表達式、箭頭函數

JavaScript中的函數可以通過幾種方式創建，如下。 // 函數聲明 function getName() { return 'Michael' } // 函數表達式 const getName = function() { return 'Michael' } // 箭頭函數（同樣也是表達式） ...
vue中監聽路由參數的變化

在vue項目中，假使我們在同一個路由下，只是改變路由後面的參數值，期望達到數據的更新。 getDetail()方法中會用到this.id這個參數，在同一頁面切換id的值，並不會觸發vue的聲明周期函數。可以添加路由監聽： ...
ExtJS 下拉框監聽事件、日期選擇器監聽事件、實現動態給items添加刪除數據

1、下拉框下拉框選擇時，觸發事件的方法：在 Ext.form.ComboBox 組件中新增 listeners 監聽事件基本寫法為: listeners｛'事件',function(){處理方法}｝ listeners:{ select:{ fn:function(combo,record,i ...
使用 sroll-snap-type 優化滾動

根據 CSS Scroll Snap Module Level 1 規範，CSS 新增了一批能夠控制滾動的屬性，讓滾動能夠在僅僅通過 CSS 的控制下，得到許多原本需要 JS 腳本介入才能實現的美好交互。 Tips：本文截的一些 Gif 圖涉及容器滾動，效果不是很好，可以點進 Demo 里實際感受下 ...
Web API---DOM---點擊操作---節點的方式---案例

點擊操作節點的方式案例案例1：點擊按鈕,設置p變色節點的方式做 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>title</title> <style> div { width: 200px; he ...
推薦一款好看的Hexo主題Ayer

介紹 "Ayer" 是一個乾凈且優雅的Hexo主題，自帶響應式，載入速度很快，該有的功能都有，可配置項也很多，非常適合作為你的博客主題，主題內還附送了6張精美的高清壁紙。歡迎使用和Star支持，如果你在使用過程中有任何疑問或者建議，歡迎聯繫我！ "項目地址" "效果預覽" "中文說明" 特性乾凈且 ...
移動京東項目練習記錄

移動京東項目練習記錄 1. 流式佈局與移動端適配的基本要求 2. 綁定事件的幾個方式 on 只能綁定一次事件，但是可以相容各種瀏覽器 addeventlistener 適合各種谷歌相關的瀏覽器，可以綁定多次事件 attachEvent 適合IE瀏覽器，可以多次綁定但是裡面事件名有on eg:tou ...
Web API---DOM---節點的概念，屬性，和獲取相關的節點

回顧概念文檔: document 元素: 頁面中所有的標簽, 元素 element, 標簽元素對象節點: 頁面中所有的內容(標簽,屬性,文本(文字,換行,空格,回車)) Node 根元素:html標簽需求用之前學習的知識點能否解決？獲取div中所有的標簽,設置每個標簽的背景顏色節點任 ...