JS DOM: Create Element, Clone

document.createElement(tagName)

Create a new tagName element. Return it.

〔see Create and Insert HTML Element〕

document.createTextNode(str)

Create a new text node with the node value of string str.

node.cloneNode(includeChildNodes)

• Return a copy of node.
• If includeChildNodes is true, include all child nodes.
• Default to false.

🛑 WARNING: the cloned node have the same ID attribute, if the original has an ID. You should change it after cloning.

node.innerHTML

• The content of node as string.
• You can read or set this value. 〔see JS DOM: textContent, innerHTML, innerText, nodeValue〕