How to add <li> tags to <ul> tag (appendChild) in run time with JavaScript

1 Answer

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<ul></ul>

<script type="text/JavaScript"> 
var ul = document.getElementsByTagName("ul")[0]; 
var docFragment = document.createDocumentFragment();
var browsers = ["Firefox", "Chrome", "Explorer", "Safari", "Opera"];

browsers.forEach(function(br) {
  var li = document.createElement("li");
  li.textContent = br;
  docFragment.appendChild(li);
});

ul.appendChild(docFragment);

/*
run:

Firefox
Chrome
Explorer
Safari
Opera
    
*/

</script>

</body>
</html>

70+ SQL courses for beginners and professionals

answered Jun 12, 2016 by avibootz

Most popular tags

How to add <li> tags to <ul> tag (appendChild) in run time with JavaScript

1 Answer

Related questions