markdown Catatan terkait dengan pemanfaatan javascript untuk mengakses HTML DOM（文档对象模型）

Posted 2021-05-06

# Javascript dan HTML DOM

## XPath

Fungsi untuk mencocokkan result berdasarkan query XPath menggunakan Document.evaluate(), dalam hal ini result yang diharapkan adalah text yang berada di dalam tag.
Referensi : https://developer.mozilla.org/en-US/docs/Web/API/Document/evaluate

```javascript
function searchFor(tagPath, searchText) {
  let letSearch = document.evaluate(tagPath, document, null, XPathResult.ANY_TYPE, null);
  let thisSearch = letSearch.iterateNext();
  let result = false;
  while(thisSearch){
    //console.log(thisSearch.textContent);
    if(thisSearch.textContent == searchText) return true;
    thisSearch = letSearch.iterateNext();
  }
  return result;
}

var searchText = 'Text yang ingin dicocokkan';
var tagPath = '/html/body/div';
console.log(searchFor(tagPath, searchText));
```
Untuk pemeriksaan terhadap single node.

```javascript
let single = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);
let singleNode = single.singleNodeValue; // Object
let singleText = single.singleNodeValue.text; // String value (text)
```