02-javascript/27-尚硅谷-JavaScript-document对象三个查询方法的使用注意事项

好了，这些方法呢，咱们就讲完了，你看那个文档。呃，不看这里，看往下走，Document的对象在哪里？Document对象啊，那么它提供了三个方法啊，就这几个查询的，那咱们就讲完了，那么这三个方法在使用上有什么要注意的吗？来咱们注意看一下啊，三个方法在查询上他们使用的优先顺序是对ID有限。注意哈，那么。Document对象的三个查询方法，我这里就好，不要加错了。好，三个查询方法，那么如果有ID属性，优先使用get ID方法来进行查询，就是如果你只是一个的话，就优先用它，想都别想了，能理解吧。

那么如果没有ID属性则优先。使用get elements by name方法来进行查询。就是按属性查，如果name属性都没有是吧？如果ID属性和name属性都没有，最后再按标签名查啊，最后再按标签名查，原因是什么呢？因为你发现没有，越往后它的查询范围是越来越大，你查询出来之后，你还得过滤掉一些你不操作的，能理解吗？那如果说你只有一个，你ID查到不就完事了，就这个原因啊，那么除了这个要注意的，还有什么要注意的吗？再看以上三个方法。

以上三个方法，那么代码一定参考法一定要。要在页面加载完成之后执行才能查询到标签对象啊，这啥意思就对对，大家注意看哈，我现在。这个代码写在这个里面，咱们刚刚是不是发现是可以查到的是吧，对吧，但是。我写个ID，现在没有ID了，我给你加个ID啊，一天一，但是如果你写的外面行吗。BTN啊零一现在咱们来看看，我现在是不是把它写到外面去了，记住啊，这个代码你写在里面呢，是没有问题的，那我先给你看看正常情况啊。

这什么能查到啊，但是一旦你把它写到外面去了。那就好尴尬，是不是查不到了，诶这个代码咱们没改啥吧，咱们是不是只是改了这个位置啊，为啥就不行了呢？咱们先说明一下，整个浏览器在执行这个页面的时候，它是有顺序的，代码始终是从上往下执行，它读一行就执行一下啊，读一点执行一点，读到这里，这是不是语句，语句是马上执行的。能理解吗？那有同学会想老师马上执行理解，但是跟他查不到有什么关系，注意听啊注意听，那么大家注意看，他读到这里的时候，他知道后面有啥了吗？还不知道这些标签有啥，他也还不知道。那有什么关系，大家注意，浏览器是读到这个HTML标签的时候才创建出来这个对象，能理解吗？现在浏览器都还没有读到对象还没有创建，你怎么查，那肯定找不到啊。

能理解吧，就好像你还没到教室里面来，你们班主任的教室里找，你能找到吗？找不到吧一样的，听懂这个道理了吧？好，那怎么样才能查到呢？就是页面加载完了之后，咱们讲过，如果是页面加载完成，就是读读读一读完它就会执行那个什么window对点onlo事件还记得吗？哎，它就会直这个事件你在这里面查，那是永远不会有问题的，你看一下走是不是可以查到了。因为他已经读完了呀，他把这个标签读完了呀，对相也都创建好了呀。那有同学可能就会问，哎，老师，你刚刚说这个代码要写在页面加载完成之后，好这里查出来，我能理解为什么把它写到下面来也能够查出来呢？

我现在是不是写到下面去了，对作业查到了，为啥？哎，对有同学说的特别好，大家想想哈，有同学可能还没反应过来，你想想我点击这个按钮的时候，浏览器其实是不是已经读完了，他已经把这个页面都读完了，然后才显示到浏览器里面，这个时候你点击，那么它这个代码的执行顺序是不是依然是页面加载完了之后。听懂了吧，啊，不是说必须写的这个方法里面啊，就是你要在执行顺序在页面加两分钟之后就可以了，就这个意思啊。