Home/ Questions/Q 7308851
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T23:37:40+00:00

I’m trying to use JavaScript to create an li and append it to an

  • 0

I’m trying to use JavaScript to create an li and append it to an existing ol. The code I am using is

<ol id=summaryOL>
</ol>

function change(txt) {
var x=document.getElementById("summaryOL");
newLI = document.createElementNS(null,"li");
newText = document.createTextNode(txt);
newLI.appendChild(newText);
x.appendChild(newLI);
}

change("this is the first change");
change("this is the second change");

These should look like:

1. this is ...
2. this is ...

But look like:

this is the first changethis is the second change

I have created a fiddle at: fiddle . Thanks for any help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Here is an example – jsfiddle

    $(function() {
    var change = function( txt ) {
        $("#summaryOL").append( '<li>' + txt + '</li>' );
    };

    change("this is the first change");
    change("this is the second change");
});

    To use jquery, put below code inside of <head></head>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    • 0