[第七週] 如何選到想要的元素:getElement


Sep 10, 2020

藉由標籤選取你想要的元素

document.getElementsByTagName('標籤名稱')

例如:

藉由 class 選取你想要的元素

document.getElementsByClassName('class 名稱')

例如:

藉由 id 選取你想要的元素

document.getElementById('id 名稱')

注意,一個 id 名稱只會對應到一個標籤,所以這裡的element後面沒有 s
例如:

藉由 CSS 的選擇器選取你想要的元素

document.querySelector(div / #id / .class)
※ 只會選到一個元素
例如:

藉由 CSS 的選擇器選取你想要的元素

document.querySelectorAll(div)
※ 選到所有符合條件的元素
例如:

#getelement #getelements #css selector






你可能感興趣的文章

[ Nuxt.js 2.x 系列文章 ] Lifecycle 生命週期

[ Nuxt.js 2.x 系列文章 ] Lifecycle 生命週期

React 套件-路由 react-router-dom

React 套件-路由 react-router-dom

談談轉職成果與求職心得吧 🤪

談談轉職成果與求職心得吧 🤪






留言討論