js與jquery之元素獲取
阿新 • • 發佈:2022-05-16
js的元素獲取
1、通過id獲取
document.getElementById('username')
- 如果有多個id相同的元素,獲取的是第一個
2、通過class獲取
document.getElementByClassName('p-info')
document.getElementsByClassName('p-info')[0]
獲取到的是一個集合物件,需要通過下標獲取單個物件
3、通過元素型別獲取
document.getElementByTagName('p')
document.getElementByTagName('p')[0]
獲取到的是一個集合物件,需要通過下標獲取單個物件
4、通過name獲取
document.getElementByName('username')
document.getElementByName('username')[0]
獲取到的是一個集合物件,需要通過下標獲取單個物件
5、通過選擇器獲取單個
document.querySelector('p')
document.querySelector('#username')
document.querySelector('.input')
document.querySelector('p[name="a"]')
document.querySelector('body p')
獲取符合條件的第一個元素
6、通過選擇器選擇一組
document.querySelector('p')
獲取符合條件的所有元素
7、直接獲取html
document.documentElement
8、直接獲取body
document.body
jquery的元素獲取
$("p")
$(".p")
$("#username")
$("input[name="_csrf_token"]")