正确判断子元素存在应使用 //div[button]，它表示 div 下至少有一个直接子元素是 button；contains() 只作用于字符串值，无法检测子节点结构。
用 contains() 无法直接判断子元素存在
很多人第一反应是写 //div[contains(., 'button')]，但这匹配的是文本内容包含“button”字符串的 div，不是含有 <button></button> 子元素的 div。XPath 的 contains() 作用于字符串值（string(.)），不关心子节点结构。
正确写法：用子节点存在性谓词 [button] 或 [child::button]
要选“包含 button 子元素”的父节点，直接在路径后加方括号谓词即可：
//div[button] //div[child::button] //div[./button] //form[fieldset]
这些写法等价，都表示：该 div 元素下**至少有一个直接子元素是 button**（注意不是后代，是子元素）。如果要匹配任意后代（比如嵌套多层后的 button），用 //div[.//button]。
-
[button]是最简写法，隐含child::轴 -
[.//button]中的.表示当前节点，//button是从它开始向下任意深度找button - 若需限定子元素属性，如“含禁用的 button”，可写
//div[button[@disabled]]
常见误用与兼容性注意点
以下写法在部分解析器中可能失败或语义不符：
-
//div[button != '']：XPath 1.0 不支持对节点集做非空判断，会报错或返回意外结果 -
//div[count(button) > 0]：虽语法合法，但效率低，且在某些老浏览器（如 IE）XPath 引擎中不被支持 -
//div[button/text()]：这要求button必须有子文本节点，漏掉空<button></button>或只含子标签的场景
最稳妥、通用、可读性强的仍是 //div[button] —— 它明确表达“存在该子元素”，不依赖内容、属性或层级深度。
实际调试建议：先确认层级关系再写谓词
用浏览器开发者工具的 Console 执行 $x("//div[button]")（Chrome/Firefox）能快速验证。若没结果，大概率是因为：
- 目标
button不是直接子元素，而是孙辈 → 改用//div[.//button] - HTML 实际是自闭合或大小写不一致（如
<button></button>）→ XPath 区分大小写，且不识别自闭合逻辑 - 元素在 iframe 内 → 需先切换
contentDocument上下文
真正容易被忽略的，是默认轴（child::）和任意后代轴（//）的语义差异——写错一个斜杠，就可能完全匹配不到目标节点。
