如何检查元素是否存在于UI层次结构中？

var element = document.querySelector("#elementId");
if (element) {
  // 元素存在于UI层次结构中
} else {
  // 元素不存在于UI层次结构中
}

import React from 'react';

class MyComponent extends React.Component {
  componentDidMount() {
    var element = document.getElementById("elementId");
    if (element) {
      // 元素存在于UI层次结构中
    } else {
      // 元素不存在于UI层次结构中
    }
  }

  render() {
    return <div id="elementId">Hello World</div>;
  }
}

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;

public class MyTest {
  public static void main(String[] args) {
    System.setProperty("webdriver.chrome.driver", "path/to/chromedriver");
    WebDriver driver = new ChromeDriver();
    driver.get("https://example.com");

    WebElement element = driver.findElement(By.id("elementId"));
    if (element != null) {
      // 元素存在于UI层次结构中
    } else {
      // 元素不存在于UI层次结构中
    }

    driver.quit();
  }
}