It's important to note that before querySelector and querySelectorAll were standardized as part of ES6 and HTML5, there were other selectors that were more prevalent, and you're certain to encounter them in the wild. Some of them include getElementById, getElementsByClassName, and getElementsByTagName. It's now considered a standard practice to use a variant of querySelector, but as with everything JavaScript, there is a caveat: technically, the querySelector methods are a tiny bit more expensive than the getElement-style methods. Usually, this expense is negligible when weighed against the power and flexibility of the querySelector methods, but it's something to keep in the back of your mind when dealing with large pages.
Now, let's take a look at what we can change after we've selected our elements. These are the properties of an element.