JavaScript DOM Selector

0.参考资料

What's In a Name? Understanding $ and _ in JavaScript

HTML DOM Document querySelector()

CSS Selectors Reference

1.介绍

在JavaScript中当中，我们时常要操DOM上的某个Element。

在操作的第一步就是要先将它们选取出来，那该怎么进行选取呢？

1. 使用document全局变量的getElement系列方法
2. 使用缩写$(” ”)

$()是querySelector的缩写，它的参数是CSS selector，所以和CSS选择器的规则是相同的。

• 自己编写不准确的话，可以使用F12选取元素，复制selector

2.注意事项

如果要编写JS脚本对页面元素进行修改的话，得注意脚本放置的位置，最好放在页面的末尾，这样才可以在页面加载完成后进行操作。（如果在页面还没有加载完成的时候就进行操作的话，很可能是无效操作）

又或者给Window全局变量加上一个EventListener，确保是页面加载完成之后再执行回调函数。