25:["$","title",null,{"children":"Xpath | playground | Observable"}] 49:T457,

A BBB

AA查-询

XPath is mainly used in XSLT, but can also be used as a much more powerful way of navigating through the DOM of any XML-like language document using XPathExpression, such as HTML and SVG, instead of relying on the Document.getElementById() or Document.querySelectorAll() methods, the Node.childNodes properties, and other DOM Core features.

4a:[] 29:{"id":"a8ac755f96c9670e","slug":null,"title":"Xpath","thumbnail":"54053f077e7ec9fd1fee441a679a277df0bc82a9730aeab5a76372b69a72dc73","access_level":"public","create_time":"$D2023-05-29T14:12:57.936Z","update_time":"$D2024-12-21T06:50:23.678Z","view_time":null,"first_public_time":"$D2023-05-29T14:12:57.936Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"3533f3924f76c1f3","login":"lab-pg","name":"playground","avatar_url":"https://avatars-next.observableusercontent.com/ccd9351c53f277156177f94833870f600abd74fc44bcd7c46623337c8f5082bc","tier":"starter_2024","bio":"","followed_by_you":false,"follows_you":false},"version":195,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"63f207d190d71b00","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":null,"bio":"","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"63f207d190d71b00","login":"baotlake","name":"Momo","avatar_url":"https://avatars-next.observableusercontent.com/0eb2840e8ef41835a2f51de7cd8c5fbdd60db2f081419e50ef0bfb28124b69d9","tier":null,"role":"editor"},{"type":"team","id":"3533f3924f76c1f3","login":"lab-pg","name":"playground","avatar_url":"https://avatars-next.observableusercontent.com/ccd9351c53f277156177f94833870f600abd74fc44bcd7c46623337c8f5082bc","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Xpath","cells":[{"id":0,"value":"# Xpath\n\n- [document.evaluate()](https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate)\n- [Xpath - MDN](https://developer.mozilla.org/en-US/docs/Web/XPath)\n\n\n## document.evaluate()\nThe main interface to using XPath is the evaluate function of f the document object.\n\n```javascript\nconst xpathResult = document.evaluate(\n xpathExpression,\n contextNode,\n namespaceResolver,\n resultType,\n result,\n)\n```\n- `xpathExpression`: A string containing the XPath expression to be evaluated.\n- `contextNode`: A node in the document against which the `xpathExpression` should be evaluated, including any and all of its child nodes. The document node is the most commonly used.\n- \n ","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":22,"value":"## Playground","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":74,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":16,"value":"$49","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"viewof xpath = Inputs.text({\n label: \"XPath\",\n width: \"100%\",\n value: '//div[.=\"A\"]',\n datalist: ['//*[.=\"D\"][2]']\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":176,"value":"{\n window.__xpath_target?.forEach?.((n) => {\n if (n.nodeName == \"#text\") {\n n = n.parentElement;\n }\n n.classList.remove(\"xpath-highlight\");\n });\n const t1 = Date.now();\n const xpathResult = document.evaluate(\n xpath,\n document,\n null,\n XPathResult.ANY_TYPE,\n null\n );\n let nodes = [];\n let node = null;\n while ((node = xpathResult.iterateNext())) {\n nodes.push(node);\n }\n\n nodes.forEach((n) => {\n if (n.nodeName == \"#text\") {\n n = n.parentElement;\n }\n n.classList.add(\"xpath-highlight\");\n });\n window.__xpath_target = nodes;\n\n return nodes;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":99,"value":"document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null).snapshotItem(0)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":114,"value":"## ancestor","pinned":true,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":117,"value":"

\n \n

","pinned":true,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"","database":"$undefined"},{"id":120,"value":"{\n const target = document.querySelector(\"#target-002\");\n const result = document.evaluate(\n \"ancestor-or-self::*[@data-a]\",\n target,\n null,\n XPathResult.ORDERED_NODE_ITERATOR_TYPE,\n null\n );\n\n const list = [];\n let node = null;\n while ((node = result.iterateNext())) {\n list.push(node);\n }\n\n return list;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4a","stdlib":"1"}} 24:null