1. 程式人生 > 其它 >js與jquery之元素獲取

js與jquery之元素獲取

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"]")