首页 > 代码库 > <译>Selenium Python Bindings 4 - Locating Eelements

<译>Selenium Python Bindings 4 - Locating Eelements

2024-07-04 14:51:10   222人阅读

　　有各种不同的策略来定位页面中的元素。你可以使用最合适定位方式用于你的用例。Selenium提供了以下方法来定位页面中的元素：

  • find_element_by_id
  • find_element_by_name
  • find_element_by_xpath
  • find_element_by_link_text
  • find_element_by_partial_link_text
  • find_element_by_tag_name
  • find_element_by_class_name
  • find_element_by_css_selector

　　为了找到多个元素（这些方法会返回一个列表）：

  • find_elements_by_name
  • find_elements_by_xpath
  • find_elements_by_link_text
  • find_elements_by_partial_link_text
  • find_elements_by_tag_name
  • find_elements_by_class_name
  • find_elements_by_css_selector
  1. Locating by ID
    当你知道一个元素的id属性，请使用方法。在此策略下，与id属性值相匹配的位置的第一个元素将被返回。如果没有元素能匹配id属性，一个NoSuchElementException异常将抛出。
    为了测试，考虑这个页面的源代码：
    <html>
 <body>
  <form id="loginForm">
   <input name="username" type="text" />
   <input name="password" type="password" />
   <input name="continue" type="submit" value="Login" />
  </form>
 </body>
<html>

    表格元素可以这样定位：

    login_form = driver.find_element_by_id(‘loginForm‘)

     

  2. Locating by Name
    当你知道一个元素的name属性，请使用方法。在此策略下，与name属性值相匹配的位置的第一个元素将被返回。如果没有元素能匹配name属性，一个NoSuchElementException异常将抛出。
    为了测试，考虑这个页面的源代码：
    <html>
 <body>
  <form id="loginForm">
   <input name="username" type="text" />
   <input name="password" type="password" />
   <input name="continue" type="submit" value="Login" />
   <input name="continue" type="button" value="Clear" />
  </form>
</body>
<html>

    username & password 元素可以这样定位：

    username = driver.find_element_by_name(‘username‘)
password = driver.find_element_by_name(‘password‘)

    页面中第一个"continue"会被先执行(当元素的name一样时，先被定位的先执行)，代码如下：

    continue = driver.find_element_by_name(‘continue‘)

     

  3. Locating by XPath

    XPath是一种用于在XML文档中定位节点使用的语言。HTML可以当作是XML （ XHTML ）的实现，Selenium用户可以利用这个强大的语言定位他们Web应用程序中的元素。 XPath继承超出（以及配套）由id或name属性定位的简单方法，并开辟了各种新的可能性，如定位页面上的第三个复选框。

    使用XPath最主要的原因是，当你想定位元素没有合适的id或name属性。您可以使用XPath定位元素的绝对路径（不建议） ，或相对于确实有一个id或name属性的元素。 XPath定位，也可用于其他指定的其他元素。

    绝对的XPath包含从根（HTML）的所有元素的位置，其结果有可能会失败。通过查找附近有一个id或name属性的元素，你可以根据关系找到您的目标元素。这是不太可能改变的关系，可以让你的测试更强大。

    为了测试，考虑这个页面的源代码：
    <html>
 <body>
  <form id="loginForm">
   <input name="username" type="text" />
   <input name="password" type="password" />
   <input name="continue" type="submit" value="Login" />
   <input name="continue" type="button" value="Clear" />
  </form>
</body>
<html>

    页面form元素可以这样定位：

    login_form = driver.find_element_by_xpath("/html/body/form[1]")
login_form = driver.find_element_by_xpath("//form[1]")
login_form = driver.find_element_by_xpath("//form[@id=‘loginForm‘]")

    ①绝对路径

    ②页面HTML中第一个form
    ③form元素的id属性

    username 元素可以这样定位：
    username = driver.find_element_by_xpath("//form[input/@name=‘username‘]")
username = driver.find_element_by_xpath("//form[@id=‘loginForm‘]/input[1]")
username = driver.find_element_by_xpath("//input[@name=‘username‘]")

     

    clear 按钮可以这样定位：
    clear_button = driver.find_element_by_xpath("//input[@name=‘continue‘][@type=‘button‘]")
clear_button = driver.find_element_by_xpath("//form[@id=‘loginForm‘]/input[4]")

     

  4. Locating Hyperlinks by Link Text
    当你知道一个锚标签中使用的链接文本可以使用此方法。在此策略下，与链接文本值相匹配的位置的第一个元素将被返回。如果没有元素能匹配name属性，一个NoSuchElementException异常将抛出。
    测试用HTML代码如下：
    <html>
 <body>
  <p>Are you sure you want to do this?</p>
  <a href="continue.html">Continue</a>
  <a href="cancel.html">Cancel</a>
</body>
<html>

    可以使用下面的方法来定位link：

    continue_link = driver.find_element_by_link_text(‘Continue‘)
continue_link = driver.find_element_by_partial_link_text(‘Conti‘)

     

  5. Locating Elements by Tag Name
    当你想使用标签定位元素的时候，你可以使用此方法。使用此策略，第一个和元素匹配的标签将被返回，如果没有，则会异常抛出：
    测试用HTML代码：
    <html>
 <body>
  <h1>Welcome</h1>
  <p>Site content goes here.</p>
</body>
<html>

    当你想定位（h1）元素的时候，你可以这样定位：

    heading1 = driver.find_element_by_tag_name(‘h1‘)

     

  6. Locating Elements by Class name
    当你想使用元素class属性名定位的时候，你可以使用此策略。页面第一个匹配的class 名将被返回，如果没有匹配的class name，则会抛出异常：
    测试用HTML代码：
    <html>
 <body>
  <p class="content">Site content goes here.</p>
</body>
<html>

    p标签定位方法如下：

    content = driver.find_element_by_class_name(‘content‘)

     

  7. Locating Elements by CSS Selectors
    当你想通过CSS选择器定位元素的时候，你可以使用此策略，如果没有匹配的css选择器，那么异常将会抛出：
    测试用HTML代码如下：
    <html>
 <body>
  <p class="content">Site content goes here.</p>
</body>
<html>

    定位方法如下：

    content = driver.find_element_by_css_selector(‘p.content‘)

     


联系
我们