querySelector and querySelectorAll Demo

• Apples
• Bananas
• Oranges
• Pears

Select Apples with document.querySelector('li')

Select Oranges with document.querySelector('.orange')

Select Bananas with document.querySelectorAll('li'),item(1)

Select Pears with document.querySelectorAll('li')[3]

Select All Items with document.querySelectorAll('li') and a for loop

Refresh Demo