|
|
| Line 1: |
Line 1: |
| Run a particular [[XPath]] expression <code>p</code> against the context node <code>context</code> (or the document, if not provided) with this overloaded XPath helper.
| | <strong><span class="" id="user_energy">999</span>/<span id="user_max_energy">999</span></strong> |
| | |
| Returns the results as an array, unless a value of <code>false</code> is passed in.
| |
| | |
| <pre class='sample'>
| |
| function $x() {
| |
| var x='';
| |
| var node=document;
| |
| var type=0;
| |
| var fix=true;
| |
| var i=0;
| |
| var cur;
| |
|
| |
| function toArray(xp) {
| |
| var final=[], next;
| |
| while (next=xp.iterateNext()) {
| |
| final.push(next);
| |
| }
| |
| return final;
| |
| }
| |
|
| |
| while (cur=arguments[i++]) {
| |
| switch (typeof cur) {
| |
| case "string": x+=(x=='') ? cur : " | " + cur; continue;
| |
| case "number": type=cur; continue;
| |
| case "object": node=cur; continue;
| |
| case "boolean": fix=cur; continue;
| |
| }
| |
| }
| |
|
| |
| if (fix) {
| |
| if (type==6) type=4;
| |
| if (type==7) type=5;
| |
| }
| |
|
| |
| // selection mistake helper
| |
| if (!/^\//.test(x)) x="//"+x;
| |
| | |
| // context mistake helper
| |
| if (node!=document && !/^\./.test(x)) x="."+x;
| |
| | |
| var result=document.evaluate(x, node, null, type, null);
| |
| if (fix) {
| |
| // automatically return special type
| |
| switch (type) {
| |
| case 1: return result.numberValue;
| |
| case 2: return result.stringValue;
| |
| case 3: return result.booleanValue;
| |
| case 8:
| |
| case 9: return result.singleNodeValue;
| |
| }
| |
| }
| |
| | |
| return fix ? toArray(result) : result;
| |
| }
| |
| </pre> | |
| | |
| Example usage:
| |
| | |
| <pre class='sample'> | |
| var paragraphs = $x("//p", XPathResult.ORDERED_NODE_SNAPSHOT_TYPE), i=1;
| |
| paragraphs.forEach(function(paragraph) { // Loop over every paragraph
| |
| paragraph.innerHTML = "This is paragraph #"+(i++);
| |
| });
| |
| </pre> | |
| <pre class='sample'>
| |
| var content=$x("//div[@class='center story']", XPathResult.FIRST_ORDERED_NODE_TYPE);
| |
| content.innerHTML="time to eat dinner!";
| |
| </pre> | |
| | |
| '''Note:''' When you specify a context node, you '''NORMALLY''' need to use a [[XPath#Relative_paths|relative XPath expression]]. However, this function takes care of that technicality.
| |
| | |
| [[Category:Coding Tips:DOM Access]]
| |
