关于网络元素的信息

元素相关的知识.

您可以查询有关特定元素的许多详细信息。

是否显示

此方法用于检查连接的元素是否正确显示在网页上. 返回一个 Boolean 值， 如果连接的元素显示在当前的浏览器上下文中，则为True，否则返回false。

此功能于W3C规范中提及， 但由于无法覆盖所有潜在条件而无法定义。 因此，Selenium不能期望驱动程序直接实现这种功能，现在依赖于直接执行大量JavaScript函数。 这个函数对一个元素的性质和在树中的关系做了许多近似的判断，以返回一个值。

# Navigate to the url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

# Get boolean value for is element display
is_email_visible = driver.find_element(By.NAME, "email_input").is_displayed()
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
//navigates to url
 driver.get("https://www.selenium.dev/selenium/web/inputs.html")

 //returns true if element is displayed else returns false
 val flag = driver.findElement(By.name("email_input")).isDisplayed()

是否启用

此方法用于检查所连接的元素在网页上是启用还是禁用状态。 返回一个布尔值，如果在当前浏览上下文中是 启用 状态，则返回 true，否则返回 false。

    # Navigate to url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

    # Returns true if element is enabled else returns false
value = driver.find_element(By.NAME, 'button_input').is_enabled()
  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
 //navigates to url
 driver.get("https://www.selenium.dev/selenium/web/inputs.html")

 //returns true if element is enabled else returns false
 val attr = driver.findElement(By.name("button_input")).isEnabled()

是否被选定

此方法确认相关的元素是否 已选定，常用于复选框、单选框、输入框和选择元素中。

该方法返回一个布尔值，如果在当前浏览上下文中 选择了 引用的元素，则返回 True，否则返回 False。

    # Navigate to url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

    # Returns true if element is checked else returns false
value = driver.find_element(By.NAME, "checkbox_input").is_selected()
  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
 //navigates to url
 driver.get("https://www.selenium.dev/selenium/web/inputs.html")

 //returns true if element is checked else returns false
 val attr =  driver.findElement(By.name("checkbox_input")).isSelected()

获取元素标签名

此方法用于获取在当前浏览上下文中具有焦点的被引用元素的TagName。

    # Navigate to url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

    # Returns TagName of the element
attr = driver.find_element(By.NAME, "email_input").tag_name
  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
 //navigates to url
 driver.get("https://www.selenium.dev/selenium/web/inputs.html")

 //returns TagName of the element
 val attr =  driver.findElement(By.name("email_input")).getTagName()

位置和大小

用于获取参照元素的尺寸和坐标。

提取的数据主体包含以下详细信息：

  • 元素左上角的X轴位置
  • 元素左上角的y轴位置
  • 元素的高度
  • 元素的宽度
    # Navigate to url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

    # Returns height, width, x and y coordinates referenced element
res = driver.find_element(By.NAME, "range_input").rect
  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
// Navigate to url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

// Returns height, width, x and y coordinates referenced element
val res = driver.findElement(By.name("range_input")).rect

// Rectangle class provides getX,getY, getWidth, getHeight methods
println(res.getX())

获取元素CSS值

获取当前浏览上下文中元素的特定计算样式属性的值。

    # Navigate to Url
driver.get('https://www.selenium.dev/selenium/web/colorPage.html')

    # Retrieves the computed style property 'color' of linktext
cssValue = driver.find_element(By.ID, "namedColor").value_of_css_property('background-color')

  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
// Navigate to Url
driver.get("https://www.selenium.dev/selenium/web/colorPage.html")

// Retrieves the computed style property 'color' of linktext
val cssValue = driver.findElement(By.id("namedColor")).getCssValue("background-color")

文本内容

获取特定元素渲染后的文本内容。

    # Navigate to url
driver.get("https://www.selenium.dev/selenium/web/linked_image.html")

    # Retrieves the text of the element
text = driver.find_element(By.ID, "justanotherlink").text
  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
// Navigate to URL
driver.get("https://www.selenium.dev/selenium/web/linked_image.html")

// retrieves the text of the element
val text = driver.findElement(By.id("justanotherlink")).getText()

获取特性或属性

获取与 DOM 属性关联的运行时的值。 它返回与该元素的 DOM 特性或属性关联的数据。

# Navigate to the url
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

# Identify the email text box
email_txt = driver.find_element(By.NAME, "email_input")

# Fetch the value property associated with the textbox
value_info = email_txt.get_attribute("value")
  
  




  




  













  <div class="alert alert-primary bg-transparent col-10 ps-lg-5 m-4" role="alert">
    <h4 class="alert-heading"><code>SELENIUM_CI_TOKEN</code> not set</h4>
    <p>
      If you want to render content fetched from the GitHub API, please create a 
      <a 
        href="https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/creating-a-personal-access-token"
        target="_blank"
      >
      personal access token
      </a> and set it as an environment variable named <code>SELENIUM_CI_TOKEN</code>. More information about token scopes can
      be seen at 
      <a 
        href="https://docs.github.com/en/developers/apps/building-oauth-apps/scopes-for-oauth-apps#available-scopes" 
        target="_blank"
      >
      available scopes GitHub docs
      </a>
    </p>
  </div>
// Navigate to URL
driver.get("https://www.selenium.dev/selenium/web/inputs.html")

//fetch the value property associated with the textbox
val attr = driver.findElement(By.name("email_input")).getAttribute("value")
最后修改 August 8, 2024: added csharp code and update documents (#1838)[deploy site] (268aa6fba)