如何在不直观地呈现html字符串的情况下查找html元素x、y、width或height

function findElementWithXYWH(htmlString, targetX, targetY, targetWidth, targetHeight) {
  // 创建一个临时div元素
  var tempDiv = document.createElement('div');
  // 将HTML字符串赋值给临时div的innerHTML属性，以便解析HTML字符串
  tempDiv.innerHTML = htmlString;
  
  // 递归遍历DOM树的函数
  function traverseDOM(node) {
    // 检查节点是否满足条件
    if (node.getBoundingClientRect().x === targetX &&
        node.getBoundingClientRect().y === targetY &&
        node.getBoundingClientRect().width === targetWidth &&
        node.getBoundingClientRect().height === targetHeight) {
      return node;
    }
    
    // 遍历子节点
    for (var i = 0; i < node.children.length; i++) {
      var result = traverseDOM(node.children[i]);
      if (result) {
        return result;
      }
    }
    
    return null;
  }
  
  // 从临时div的根节点开始遍历DOM树
  var resultElement = traverseDOM(tempDiv);
  
  // 返回结果
  if (resultElement) {
    return resultElement;
  } else {
    return "未找到符合条件的元素";
  }
}