Web API---DOM---總結獲取元素的方式

-Advertisement-

總結獲取元素的方式 1. 根據id屬性的值獲取元素,返回來的是一個元素對象 document.getElementById("id屬性的值"); document.getElementById("btn"); 2. 根據標簽名字獲取元素,返回來的是一個偽數組,裡面保存了多個的DOM對象 docume ...

總結獲取元素的方式

1. 根據id屬性的值獲取元素,返回來的是一個元素對象 document.getElementById("id屬性的值");

document.getElementById("btn");

2. 根據標簽名字獲取元素,返回來的是一個偽數組,裡面保存了多個的DOM對象 document.getElementsByTagName("標簽名字");

document.getElementsByTagName("li");

下麵的幾個,有的瀏覽器不支持 3. 根據name屬性的值獲取元素,返回來的是一個偽數組,裡面保存了多個的DOM對象 document.getElementsByName("name屬性的值")

document.getElementsByName("name1")

4. 根據類樣式的名字來獲取元素,返回來的是一個偽數組,裡面保存了多個的DOM對象 document.getElementsByClassName("類樣式的名字")

document.getElementsByClassName("cls")

5. 根據選擇器獲取元素,返回來的是一個元素對象 document.querySelector("選擇器的名字");

document.querySelector("#btn"); //id，類，標簽等選擇器用的比較多

6. 根據選擇器獲取元素,返回來的是一個偽數組,裡面保存了多個的DOM對象 document.querySelectorAll("選擇器的名字")

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

-Advertisement-

更多相關文章

Bootstrap4 本地編譯運行

Step1. 獲取Bootstrap源代碼 1 https://github.com/twbs/bootstrap Step2. 進入目錄並切換npm源 1 npm --registry https://registry.npm.taobao.org // 淘寶鏡像 2 npm config get ...
Web API---DOM---自定義屬性引入和移除

總結：在html標簽中添加的自定義屬性, 如果想要獲取這個屬性的值, 需要使用getAttribute("自定義屬性的名字")才能獲取這個屬性的值 html標簽中有沒有什麼自帶的屬性可以存儲成績的沒有本身html標簽沒有這個屬性, 自己(程式員)添加的自定義屬性為了存儲一些數據 <!DOCT ...
vue中計算屬性的get與set方法

計算屬性get set方法在vue的計算屬性中，所定義的都是屬性，可以直接調用正常情況下，計算屬性中的每一個屬性對應的都是一個對象，對象中包括了set方法與get方法而絕大多數情況下，計算屬性沒有set方法，是一個只讀屬性此時計算屬性可以簡寫 ...
手寫Promise A+ 規範

基於ES6語法手寫promise A+ 規範，源碼實現 class Promise { constructor(excutorCallBack) { this.status = 'pending'; this.value = undefined; this.fulfilledAry = []; th ...
Web API---DOM---設置和獲取---標簽內容和文本內容

設置和獲取標簽內容和文本內容總結設置：使用innerText主要是設置文本的, 設置標簽內容, 是沒有標簽的效果的 innerHTML是可以設置文本內容 innerHTML主要的作用是在標簽中設置新的html標簽內容, 是有標簽效果的想要設置標簽內容, 使用innerHTML 想要設置文本 ...
HTML基礎——基礎標簽

一、HTML概述 htyper text markup language 即超文本標記語言。超文本: 就是指頁面內可以包含圖片、鏈接，甚至音樂、程式等非文字元素。標記語言: 標記（標簽）構成的語言。 1、網頁的組成一個網頁一般由兩部分組成即： HTML（Hypertext Markup Lan ...
瀏覽器中的 Event Loop

當我們執行 JS 代碼的時候其實就是往執行棧中放入函數，那麼遇到非同步代碼的時候該怎麼辦？其實當遇到非同步的代碼時，會被掛起併在需要執行的時候加入到 Task（有多種 Task）隊列中。一旦執行棧為空，Event Loop 就會從 Task 隊列中拿出需要執行的代碼並放入執行棧中執行，所以本質上來說 ...
【Puppeteer】puppeteer安裝/常用的方法以及一個小慄子

這裡介紹的是Win平臺的安裝方法，其他平臺請至Github>Puppeteer. 首先要安裝node.js 可以看我這篇的開頭>【Angular】學習筆記-環境部署、項目建立相關 1.新建項目目錄 2.打開gitbush（常用的Terminal都可以） 3.鍵入 npm i puppeteer 4. ...