1.选择器

选择器用来查找元素

HTML文档中的标签，在js中称为DOM对象

1.根据标签名查找元素，返回的是一个集合（类数组/伪数组）

var a = document.getElementsByTagName(“标签名a/ul/li”);
console.log(a);

2.根据ID查找元素，返回的是一个DOM对象

var a = document.getElementById(‘id名’);
console.log(a);
a.style.width = ‘100px’;

3.根据class查找元素，返回的是一个集合

因为class名可以存在多个相同元素，所以返回是个集合
var lis = document.getElementsByClassName(‘item’);
console.log(lis);
for(var i=0;i lis[i].style.fontSize = ‘26px’
}

4.根据name属性查找元素，返回的是一个集合

var inputs = document.getElementsByName(‘sex’);
console.log(inputs);

5.获取HTML body

var html = document.documentElement;
console.log(html);
var body = document.body;
console.log(body);

6.返回满足选择器条件的第一个元素

console.log(document.querySelector(‘a’));

7.返回满足选择器条件的所有元素

console.log(document.querySelectorAll(‘a’));

var lis = document.querySelectorAll(‘.list li‘);//还可以父子、后代选择器
console.log(lis);

8.查找集合中的某一个元素

var lis = document.getElementsByClassName(‘item’)[0];

9.checkd和selected都代表设置选中的状态，true表示选中，false表示取消选中

苹果
//已经选中
香蕉

葡萄

var input = document.querySelectorAll(‘.sele’)[1];
input.checked = true;

10.根据标签的类名更换属性（css样式）