HtmlDocument

class

js/foo_uie_jsplitter.js:5244

Object returned by utils.ParseHtml

Lightweight DOM-like HTML document backed by the native HTML parser.

Notes:
- This is not a full browser DOM.
- Scripts, CSS, layout, external resources and browser events are not processed.
- innerText is currently an alias of textContent.

propertyreadonly

body

js/foo_uie_jsplitter.js:5294

body: ?HtmlNode

The document <body> element.

Example

let doc = utils.ParseHtml("<html><body><p>Hello</p></body></html>");
if (doc && doc.body) console.log(doc.body.innerHTML); // "<p>Hello</p>"

propertyreadonly

documentElement

js/foo_uie_jsplitter.js:5270

documentElement: ?HtmlNode

Root document element, usually the <html> element.

Example

let doc = utils.ParseHtml("<html><body>Hello</body></html>");
if (doc) console.log(doc.documentElement.tagName); // "html"

propertyreadonly

head

js/foo_uie_jsplitter.js:5282

head: ?HtmlNode

The document <head> element.

Example

let doc = utils.ParseHtml("<html><head><title>Test</title></head></html>");
if (doc && doc.head) console.log(doc.head.innerHTML); // "<title>Test</title>"

propertyreadonly

innerHTML

js/foo_uie_jsplitter.js:5329

innerHTML: string

Serialized HTML markup inside the document body.
If the document has no body, this falls back to the root element.

Example

let doc = utils.ParseHtml("<html><body><p>Hello <b>world</b></p></body></html>");
if (doc) console.log(doc.innerHTML); // "<p>Hello <b>world</b></p>"

propertyreadonly

innerText

js/foo_uie_jsplitter.js:5320

innerText: string

Alias of textContent.
Since this parser has no browser layout engine, innerText does not emulate CSS visibility, rendered line wrapping, or layout-dependent text extraction.

propertyreadonly

outerHTML

js/foo_uie_jsplitter.js:5342

outerHTML: string

Serialized outer HTML of the root element.

Example

let doc = utils.ParseHtml("<html><body><p>Hello</p></body></html>");
if (doc) console.log(doc.outerHTML); // "<html><head></head><body><p>Hello</p></body></html>"

propertyreadonly

root

js/foo_uie_jsplitter.js:5257

root: ?HtmlNode

Root document element, usually the <html> element.
Alias of documentElement.

Example

let doc = utils.ParseHtml("<html><body>Hello</body></html>");
if (doc) console.log(doc.root.tagName); // "html"

propertyreadonly

textContent

js/foo_uie_jsplitter.js:5306

textContent: string

Text content of the document body.
If the document has no body, this falls back to the root element text.
Whitespace is returned as it exists in the parsed text nodes.

Example

let doc = utils.ParseHtml("<html><body><p>Hello <b>world</b></p></body></html>");
if (doc) console.log(doc.textContent); // "Hello world"

method

getElementsByTagName

js/foo_uie_jsplitter.js:5383

getElementsByTagName(tagName)

Returns all descendant elements with the specified tag name.
Use "*" to return all descendant elements.

Parameters

Name	Type	Description
`tagName`	`string`	Tag name, for example "a", "div", "section" or "*".

Returns

Array<HtmlNode> —

Array of matching nodes. Empty array if nothing matches.

Example

const doc = utils.ParseHtml("<p><a href='https://example.com'>Link</a></p>");
const links = doc ? doc.getElementsByTagName("a") : [];
console.log(links.length); // 1

method

querySelector

js/foo_uie_jsplitter.js:5354

querySelector(selector)

Returns the first element matching a CSS selector.

Parameters

Name	Type	Description
`selector`	`string`	CSS selector.

Returns

?HtmlNode —

First matching node, or null if nothing matches.

Example

let doc = utils.ParseHtml("<html><body><p class='name'>Test Artist</p></body></html>");
let node = doc ? doc.querySelector(".name") : null;
if (node) console.log(node.textContent); // "Test Artist"

method

querySelectorAll

js/foo_uie_jsplitter.js:5368

querySelectorAll(selector)

Returns all elements matching a CSS selector.
The returned value is a regular JavaScript array.

Parameters

Name	Type	Description
`selector`	`string`	CSS selector.

Returns

Array<HtmlNode> —

Array of matching nodes. Empty array if nothing matches.

Example

let doc = utils.ParseHtml("<ul><li class='album'>A</li><li class='album'>B</li></ul>");
let albums = doc ? doc.querySelectorAll(".album") : [];
console.log(albums.length); // 2