JavaScript after

//insert new Element after some reference Element
function insertAfter(newElement, referenceElement) {
    referenceElement.parentNode.insertBefore(newElement, referenceElement.nextSibling);
}

//example usage
var newElement = document.createElement("div");
    newElement.innerHTML = "my New Div Text";
var myCurrentElement= document.getElementById("myElementID");
    insertAfter(newElement, myCurrentElement);

4
6
BentheFolker 100 points

                                    var parent = document.createElement("div");
var child = document.createElement("p"); 
parent.appendChild(child);

child.after("Text"); 

console.log(parent.outerHTML);
// "<div><p></p>Text</div>"

4 (6 Votes)
0
Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
append eleemnt after in DOM js append html in div after after in js ::after javascript js .after() append after in javascript how to append an element after an element in javascript mdn after javascript add after javascript .after javascript a after append after div after in jss javascript appending after a tag js after append element after javascript javascript after method js append node after how to append after element in javascript after element js append after javascript + text &::after in js after javascriptt :after element in js :after in js javascript.after jss after ? after method javascript add element after element after() in javascript add element after javascript html after javascript? javascript ? after element after append html javascript append after element js after element after element in javascript after() javascript function after() javascript vanilla js append after after function js ? after function - javascript append html after js add element after javascript add element after add element after an element javascript append after h3 in js append after hs javascript after function append div after append after eleemnt js append html after element javascript javascript after() how append after in js javascript add after element js after html append after an html element javascript ::after javascript for ::after javascript after java .after in javascript using ::after in js js after function after html javascript .then after function document append after append after element append element after javascript javascript after element function javascript after js .after after in javascript js append div after html append after .after js after javascript js after( js after as html JS include after div js append after div javascript append after tag javascript append after .after javascript make ::after with js append after element javascript js after after.js js append after element append after js js insert after last child javascript add element next to selected js add after element js css after append afterelement body.insertafter how to document.append after an element insert after in js node.after javascript inser after javascript element after method after get after with js apend aferter child javscript appendchild after element select element after dom javascript javascript .after() js append after append before javascript insert a element after specific element in javascript vanilla js insertafter add after element to after element appendchild element once if element present in js insertAfter add text after element javascript after js java @after child node.after childnode.after insertbefore insertafter js append after how to run function after appendchild javascript javascript append after element document after append after javascript css after javascript :after html after javascript javascript element after ::after js JavaScript CSS after JavaScript after
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source