Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://developer.mozilla.org/en-US/docs/Web/API/Node/replaceChild below:

Node: replaceChild() method - Web APIs

Baseline Widely available

The replaceChild() method of the Node interface replaces a child node within the given (parent) node.

replaceChild(newChild, oldChild)

newChild

The new node to replace oldChild.

Warning: If the new node is already present somewhere else in the DOM, it is first removed from that position.

oldChild

The child to be replaced.

Note: The parameter order, new before old, is unusual. Element.replaceWith(), applying only to nodes that are elements, may be easier to read and use.

The replaced Node. This is the same node as oldChild.

HierarchyRequestError DOMException

Thrown when the constraints of the DOM tree are violated, that is if one of the following cases occurs:

• If the parent of oldChild is not a Document, DocumentFragment, or an Element.
• If the replacement of oldChild by newChild would lead to a cycle, that is if newChild is an ancestor of the node.
• If newChild is not a DocumentFragment, a DocumentType, an Element, or a CharacterData.
• If the current node is a Text, and its parent is a Document.
• If the current node is a DocumentType and its parent is not a Document, as a doctype should always be a direct descendant of a document.
• If the parent of the node is a Document and newChild is a DocumentFragment with more than one Element child, or that has a Text child.
• If the replacement of oldChild by newChild would lead to Document with more than one Element as child.
• If the replacement of oldChild by newChild would lead to the presence of an Element node before a DocumentType node.

NotFoundError DOMException

Thrown if the parent of oldChild is not the current node.

// Given:
// <div>
//  <span id="childSpan">foo bar</span>
// </div>

// Create an empty element node
// without an ID, any attributes, or any content
const sp1 = document.createElement("span");

// Give it an id attribute called 'newSpan'
sp1.id = "newSpan";

// Create some content for the new element.
const sp1_content = document.createTextNode("new replacement span element.");

// Apply that content to the new element
sp1.appendChild(sp1_content);

// Build a reference to the existing node to be replaced
const sp2 = document.getElementById("childSpan");
const parentDiv = sp2.parentNode;

// Replace existing node sp2 with the new span element sp1
parentDiv.replaceChild(sp1, sp2);

// Result:
// <div>
//   <span id="newSpan">new replacement span element.</span>
// </div>

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4