获取到元素,除了前面介绍的 getElementById 还有 getElementsByTagName 以外 ... 还有两种比较灵活的选择元素的方法 … querySelector 和 querySelectorAll … 它们可以像使用 CSS 选择器那样来选择元素 …
querySelector 会返回找到的第一个元素 … querySelectorAll 会返回所有找到的元素 …
在这个文档里面 ,ul 标签上定义了一个 .artist-list 类 … 我们可以使用这个类来选择一些元素 ….
document.querySelectorAll(‘.artist-list li');
在括号里输入选择器 … 这里我们要选择的是 .artist-list 这个类下面的 li 元素 …
回车 … 结果里面,会包含所有的 .artist-list 这个类下面的 li 元素 …
我们可以再试一下 querySelector …
document.querySelector(‘.artist-list li');
querySelector 只会返回找到的第一个结果 …