文件夹A包含文件夹B和文件1.txt、文件2.txt，而文件夹B则包含了文件夹C和文件3.txt、文件4.txt，文件夹C则没有展开。          而如果一个文件夹包含子文件夹或者文件，那么它的前方就会有一个横向的箭头（如文件夹C），点击之后即可展开，同时该箭头就会变成纵向的箭头（如文件夹A和文件夹B），而对于文件来说，前面则不包含箭头。          通过这种方式，就很好的表达了文件夹和文件之间的层级关系。          那么，对于一个网页来说，其实也是一样的，我们可以再看一下百度首页的网页源码，我们会发现这些代码之间也是有层级关系的，而且它们的层级关系的表达跟上面的文件夹是完全一样的，我们把一个网页元素的上一级元素称为其父元素，下一级元素称为其子元素，跟该元素同一级的元素则被称为兄弟元素，位置相邻的兄弟元素称为相邻元素，比如影刀商城的订单管理里面，订单的信息元素就是订单行的子元素，订单信息元素则相互称为兄弟元素，相邻的兄弟元素就是相邻元素，这一点我们在网页自动化一讲中也给大家讲过。          而如果一个元素包含子元素，则其前方就会有一个横向的箭头，展开之后箭头就变成了纵向的（当然，也可再次点击收缩回去变回横向箭头），而如果一个元素不包含任何子元素，那么它的前方就没有箭头，如下图所示： 

这就是网页元素的层级。          RPA 是如何定位网页元素的？          理解了网页元素的结构和层级之后，现在，我们一起来思考一个问题：如果想要人为的去定位某一个特定的网页元素的话，我们会怎么做呢？我们知道一个网页元素本质上对应的就是一行网页源代码，因此，换句话讲，也就是我们该如何从一个网页的源代码中找到某一行具体的代码呢？          实际上，在理解了网页元素的结构和层级之后呢，我们只需要根据网页元素的层级和元素类型，自上而下逐层定位，直至最终定位到目标元素就可以了，而如果按照这个层级结构和类型，能定位到多个不同的元素，此时我们就可以通过一些元素属性来唯一定位到目标元素，这里的属性其实就是相当于一些限制条件，我们可以通过某些限制条件，从多个不同的元素中筛选出一个具体的元素。          那么，对于 RPA 来讲，它想要定位到某一个具体的网页元素的话，其实道理也是一样的，我们一起来看一下。          我们还是以百度的搜索框为例，首先，我们先通过 RPA 来手动捕获一下百度的输入框，然后点击元素编辑器中下方的编辑按钮，这时我们会看到：          

         这其实就是我们进行手动捕获元素时，RPA 自动生成的规则路径，而 RPA 在真正运行时，就会通过这一系列规则路径来捕获到相应的元素。          那么，它跟上面我们讲的网页源代码有什么关系呢？我们可以拿它跟我们的网页源代码对比一下，仔细观察后，我们会发现，它们其实一一对应的关系，如下图所示：          

         也就是说，我们在左边元素编辑中所看到的每一个元素节点，在网页源码中都有一个网页元素跟它对应的，而且层级结构也是完全一致的。          接下来，如果我们把左边元素编辑器中的最后一个节点展开（点击前方的+），就会看到：

         这个时候，我们看看百度输入框这个网页元素的源代码：

         相信大家应该发现了，除了 index 和 index-of-type 之外，元素编辑器中所列出来的元素属性跟网页元素 input 源代码中所列出来的属性是完全一致的，其中 type 和 name 这两个属性是勾选状态。          按照同样地方式，我们可以把上层节点也都展开进行对比，我们会发现结果也是一样的，只是上面元素节点中的属性都没有勾选。          因此，我们可以把元素编辑器中的每一个元素节点和网页源码中每一行代码理解为一个网页元素的不同表现形式。          实际上，当我们手动捕获一个元素时，RPA 会自动分析出该元素所对应源代码的层级结构以及每一层元素的类型，并将其记录下来，而如果按照这个层级结构和类型，能够定位到多个不同的元素的时候，RPA 就会自动勾选一些元素属性来唯一定位到目标元素。          这就是影刀 RPA 定位网页元素的原理。          如何利用元素编辑定位动态元素？          实操案例          至此，相信大家已经理解什么是网页元素，以及影刀 RPA 是如何定位网页元素的了，接下来，我们回到本节课一开始提出的那个问题：当我们捕获的元素，其内容会发生变化时，我们该如何调整定位该元素的规则路径，从而保证其内容动态变化时，RPA 仍然可以比较稳定的定位到该元素呢？          我们就以去哪儿网酒店的点评数为例一起来看下，大家可以跟着我一起来操作一下：          1. 打开去哪儿网，然后点击进入到酒店页面，也可以直接打开：https://hotel.qunar.com/。2. 点击下方的热门推荐榜。3. 进入热门推荐榜之后，随便点击一个酒店进入详情页。4. 点击点评问答。5. 此时，我们就能看到关于这家酒店的点评数和问答数。6. 我们用 RPA 来捕获一下点评数这个元素，之后我们校验一下这个元素，发现是 OK 的。7. 然后，我们再返回到热门推荐榜，然后点击进入到另外一家酒店的详情页，此时我们再校验一下，就会发现 RPA 提示我们找不到该元素了。          这是为什么呢？我们可以打开元素编辑来看一下我们捕获的点评数这个元素：          

         我们发现这个元素的限制条件是 innerText 的属性值为（226），其中（226）是我们打开的第一个酒店的点评数，而我们第二次进入到另外一家酒店时，其点评数大概率是跟第一家不一样的，但是此时 RPA 在依赖点评数为（226）这个条件去寻找元素，因此就找不到了。          注：这里的（226）是我操作时的数字，具体数字以大家操作时的实际数字为准。          那么，我们该怎么办呢？          我们仔细看一下这个 innerText 的属性值，我们会发现，它其实对应的就是我们点评数，也就是说，默认情况下，RPA 启用了点评数的具体内容来作为限制条件了，显然，这个内容大概率是会发生变化的，因此，在这种情况下，我们不能使用 innerText 这个属性，所以，我们把前面的启用选项勾选给去掉，然后再校验一下，这个时候我们会发现，虽然点评数可以校验到了，但是除了点评数之外，问答数也被校验到了，说明直接去掉 innerText 属性不行，那我们尝试一下换成其他几个属性呢？结果会发现也是一样的，这也就是说把无论是直接去掉 innerText 属性，还是把 innerText 属性换成其他属性，限制条件都太宽了，所以，导致无法精准定位到点评数这个元素。          既然这一级元素的所有的属性都无法保证点评数的通用性，那么，我们就再尝试调整一下上一级的元素属性，也就是 li 元素：

         同样地，我们勾选一下不同的属性值，然后校验下试试，结果我们发现，除了 tabindex 属性不行，其他的几个我们随意勾选一个，都可以正常的校验的点评数这个元素了，然后我们可以再换其他酒店验证一下，发现也是 OK 的，这说明我们可以通过 li 这个元素节点的某些属性来唯一定位到点评数这个元素。          因此，我们来总结下：当我们需要定位一个动态元素的时候，我们可以先手动捕获该元素，然后通过元素编辑来观察一下该元素的层级结构以及哪些属性是启用的，如果这个属性值是会经常变化的，那我们就不能使用它，这个时候我们可以通过上面讲解的这种方式去一级一级调整限定条件，最终使得我们的限制条件既可以捕获到当前元素，又可以适应元素内容的动态变化，从而保证元素捕获的通用性。          但是，大家可能会觉得，这样一级一级来尝试，效率是不是有点低啊？而且就算这次定位到了一个动态元素，下次再碰到同样的问题，我们还是要一个个的尝试。那么，关于动态元素的定位，有没有一些更加通用的方法呢？          答案是有的。          RPA 中一些常用的元素属性          不过，在此之前，我们需要先来看一下元素编辑中涉及到的一些常用属性，听到这里，大家可能会说：          “老师，你是不是又套路我，你刚不是说不用理解这些代码到底啥意思吗？”“而且一个网页中，包含这么多元素，每个元素又包含那么多属性，我猴年马月才能学完啊？”“......”          哈哈哈，不要慌，首先，我们并不需要了解所有的属性，而且，我们现在之所以需要知道一些属性的含义，也仅仅是为了便于我们更加高效的定位元素。          实际上，我们最常用的属性只有下面这 5 个，掌握了这 5 个属性之后，大家后续需要定位一些比较通用的元素的时候，就不用再一个一个的去猜了，之后，定位元素对我们来说将会变得简单且高效。而且，其实这些属性理解起来其实非常简单，所以，这是一个性价比极高的事情，我们就来逐一学习一下吧。          id          id 属性其实就相当于一个元素的唯一标识符，也就是说一个网页中使用该标识符的元素只有一个，因此，我们可以用它来非常高效的确定网页中的一个元素。          什么意思呢？就像每个人都有一个身份证号一样，我们可以通过身份证号快速的定位到一个人，因此，我们可以把 id 属性对应的值理解为一个网页元素的身份证号。          class          class 属性其实也是用于标识元素的，但它跟 id 的区别在于，class 是用来标识一类元素的（当然一类元素中也有可能只包含一个），当我们用它来表示某一类元素后，后面我们就可以通过 class 属性找到所有同类型的元素。          innerText          innerText 指的是一个网页元素的内容，比如：