Global

Members

(constant) dash

Dash.
Source:

(constant) linefeed

Line feed character.
Source:

(constant) space

White space character.
Source:

(constant) verticalbar

White space plus a vertical bar.
Source:

Methods

DOMTreeToString(currentElement, depth) → {String}

Traverses the DOM tree starting at an element and returns the tree as a string. This function is called recursively until the tree is fully traversed.
Parameters:
Name Type Default Description
currentElement HTMLNode root element.
depth Number 1 the depth of the current element.
Source:
Returns:
DOM tree as a string.
Type
String

getAllAttributes(el) → {String}

Get all attribute names of a given element.
Parameters:
Name Type Description
el HTMLNode element.
Source:
Returns:
all atributes concatenated in a string: name="value" ...
Type
String

printDOMTree(domElement, destinationWindow)

Acepts a DOM element as parameter and prints out the DOM tree structure rooted at the element.
Parameters:
Name Type Description
domElement HTMLNode root element.
destinationWindow Window if not specified, the tree is printed in a new window.
Source:

setDOM()

Sets up the DOM for this script.

The head gets executed before the dom is loaded. Therefore, nodes should be created in an onload function in the body tag,
since it cannot find document.getElementsByTagName("body") when the Document isn't ready, because it is simply not there yet.
Source:

showAvatar()

When we run fetch with a web address, it returns a Promise object. Promise is a basic Data Type in JavaScript.
When you see a Promise being returned, you can use the “await” operator in front of it to get to the actual return value.

However, awaiting on fetch, we end up receiving a Response object, which has a class member method called text().

When we call text(), we receive yet another Promise. No problem, let’s use another “await” on the whole thing.
A string is then returned containing the JSON Data we care about.

We can try to convert the JSON, in string form, into JSON objects (in this case an Array).
This is usually done with the built-in JSON.parse() function.

Nonetheless, it turns out that response has another convenience method called json(),
which returns a Promise that resolves to a JavaScript object (an array, a string, a number, ...):

   fetch('http://example.com/movies.json')
       .then(response => response.json())
       .then(data => console.log(data));

First, we call fetch(‘http://example.com/movies.json') to get a Promise. Next, we call .then() on the Promise object. This member function takes in a callback.

Promise and the then() function takes a callback, and when it is ready to give you the result, it will pass that as input into the callback.

Note: returning an Array in line (A) does not work, because the .then() callback would receive an Array with a Promise and a normal value.
Promise.all() uses Promise.resolve() to ensure that all Array elements are Promises and fulfills its result with an Array of their fulfillment values (if none of the Promises is rejected).
Source:
See:

traverseDOMTree(targetDocument, currentElement, depth)

Traverses the DOM tree starting at an element and prints the tree. This function is called recursively until the tree is fully traversed.
Parameters:
Name Type Default Description
targetDocument Window where the tree will be printed to.
currentElement HTMLNode root element.
depth Number 1 the depth of the current element.
Source:

window_showAvatar()

Module creates a scope to avoid name collisions.

Either expose your function to window object or use addEventListener to bind handler.
Source: