Breaking News: Grepper is joining You.com. Read the official announcement!

How to clone node in js

Fahad Shaikh answered on October 3, 2022 Popularity 9/10 Helpfulness 5/10

answer How to clone node in js

How to clone node in js

Comment

// clone Nodes
const todoUl = document.querySelector("#todo-ul"); // Getting todo unodered list

const newListItem = document.createElement("li"); // Creating new li element

newListItem.textContent = "Fahad Shaikh" // Gave innerText to newListItem

todoUl.append(newListItem); // Appending li Item to toUl
todoUl.prepend(newListItem); // Prepending li Item to toUl

// Like you saw this is not giving expected output because this is one node if we want to append and prepend same item at same time then we've to clone the node

// Cloning Node
const newListItem2 = newListItem.cloneNode(true); // If we want to clone full node like innerText or all stuff then we've to give true in arguement example is given

// ============= Kind Regards =============

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: clone javascript

Link to this answer
Share Copy Link

Contributed on Oct 03 2022

Fahad Shaikh

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

How to clone node in js

Contents

More Related Answers

How to clone node in js

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.