Adding list element to unordered list giving error

Question

To add li element in ul I have done this...

var ul = document.getElementById('ul-id');
var li= document.createElement("li");
li.appendChild("some text here");
ul.appendChild(li);

But its giving error in my console. I am not getting what is the problem with this code. Any help will be appreciated.

Error:

Error: NotFoundError: DOM Exception 8
code: 8
message: "NotFoundError: DOM Exception 8"
name: "NotFoundError"
stack: "Error: An attempt was made to reference a Node in a context where it does not exist.

Thanks!

Arun P Johny · Accepted Answer · 2013-12-25 09:13:47Z

2

Because appendChild() expects a dom element reference as the parameter. You are passing a string as the value to the appendChild(), instead pass a text node

li.appendChild("some text here"); should be

li.appendChild(document.createTextNode("some text here"));

Demo: Fiddle

or

li.innerHTML = "some text here2";

Demo: Fiddle

answered Dec 25, 2013 at 9:13

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

Collectives™ on Stack Overflow

Adding list element to unordered list giving error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related