0%

javascript_DOM基本操作(一)

javascript_DOM基本操作(一):

获取元素的5种方法:

img

1.根据 id 名称获取:

// 语法:
document.getElementById('id名称')

img

img

**2.根据 元素 类名 获取:**2.根据 元素 类名 获取:

// 语法:
document.getElementsByClassName('元素类名')

img

img

3.根据 元素 标签名 获取:

// 语法:
document.getElementsByTagName('标签名')

img

img

4.根据 选择器 获取一个:

// 语法:
document.querySelector('选择器')
// 例如:
document.querySelector('div')
document.querySelector('.box')
document.querySelector('#container')

img

img

5.根据 选择器 获取所有满足条件的:

// 语法:
document.querySelectorAll('选择器')
// 例如:
document.querySelectorAll('div')
document.querySelectorAll('.box')
document.querySelectorAll('#container')

img

img