Create two new elements and append one after in javascript

Question

var span = document.createElement('span');
var text = document.createTextNode('my text');

// I know this does not work but you know what I mean:
    var element = span + text;
    parentElement.appendChild(element);

    or with jQuert

    $('#aDiv').append(element);

How do I add the text node AFTER the span? and then I just add the span with the text to another element that exists.

Oleksandr T. · Accepted Answer · 2015-03-12 16:31:12Z

3

Append text after span, like so

parentElement.appendChild(span);
parentElement.appendChild(text);

Or with jQuery

$(parentElement).append(span);
$(parentElement).append(text);

Example

answered Mar 12, 2015 at 16:31

Oleksandr T.

77.6k17 gold badges177 silver badges145 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Kaiido Over a year ago

Or if your code structure forces you to have the text element inserted first (don't really see a use case so just saying) , you could use parentElement.insertBefore(span, text);

user3800924 Over a year ago

Thank you Alexander, but is this the only way to do it? Let say I have created 10 elements do I have to use appendChild() 10 times then?

Oleksandr T. Over a year ago

@user3800924 in our case - answer yes, or use innerHTML like so jsbin.com/fubere/2/edit?html,js,output

Collectives™ on Stack Overflow

Create two new elements and append one after in javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related