0008

我们简单的学会了选择元素，今天来用它。

打开浏览器，随便一个网页，按下 F12，或者 Ctrl+Alt+I，哪个管用用哪个，都不管用就右键——检查（或者类似名称）。

反正出现了一个好多代码的东西，不要害怕，看上面有一些标签可以切换，我们切换到 Console（控制台）。如果里面由一堆黄的红的文字，不看它，找一个禁止符的按钮，点一下，世界清净了。

然后在里面输入：doc，开始出现提示，我们要输入 document，注意是小写的，用方向键选中，按一下 Tab 键，好了，单词上去了，这叫自动补全，好玩吧，懒惰的程序员怎么可能背单词，2333，我们主要是大概认识它们，记得住前一两个字母。

然后输入如下内容：

document.querySelector('title').innerText

回车，注意哦，在这里面回车就是运行输入的代码，而换行要用 Shift+Enter。

出来了一些文字，好巧哦，正好是这个网页的标题。那么解释一下：

• document 的意思是文档，指的就是当前这个网页
• querySelector 在前面这个对象里进行选择
• 后面小括号里是选择器，这个你认识了，标签选择器，注意要用引号，单引号双引号都可以的
• 这样就找到并选择了标题元素，我们再获取这个元素的 innerText，就是里面的文字，运行后这些文字被输出出来了。

这有什么用呢？这个标题虽然是明确的显示出来的，但是没法直接复制，如果你需要，那这是一个方法。当然，当然，你直接在代码里找也没啥问题。

还有一些网站，不让你复制，诶，可气不，文字就在那里，他不让你复制。那你就可以用这种方式问问元素，你里面的文字都是啥？然后在控制台里复制，小意思啦~

这里一个细节，如果选择器对应多个元素，用 querySelector 只选中其中第一个。更复杂的情况我们以后再慢慢了解。

你不点个赞，我怎么知道有人看呢？

或者，请我喝杯咖啡，让老鼠更努力的用爱发电 老鼠爱发电