Dynamic creation of table with DOM

by

You must create td and text nodes within loop. Your code creates only 2 td, so only 2 are visible. Example:

var table = document.createElement('table');
for (var i = 1; i < 4; i++){
    var tr = document.createElement('tr');   

    var td1 = document.createElement('td');
    var td2 = document.createElement('td');

    var text1 = document.createTextNode('Text1');
    var text2 = document.createTextNode('Text2');

    td1.appendChild(text1);
    td2.appendChild(text2);
    tr.appendChild(td1);
    tr.appendChild(td2);

    table.appendChild(tr);
}
document.body.appendChild(table);

More Related Contents:

  1. How to pass arguments to addEventListener listener function?
  2. Remove all child elements of a DOM node in JavaScript
  3. Changing website favicon dynamically
  4. What is the difference between children and childNodes in JavaScript?
  5. How to append text to a “?
  6. Difference between “change” and “input” event for an `input` element
  7. Setting innerHTML vs. setting value with Javascript
  8. What is my script src URL?
  9. javascript access parent DOM across domains?
  10. Using querySelectorAll to retrieve direct children
  11. How to add/remove a class in JavaScript?
  12. How can I get an object’s absolute position on the page in Javascript? [duplicate]
  13. jQuery: how to change tag name?
  14. Why is the loop assigning a reference of the last index element to? [duplicate]
  15. How do you listen / detect changes to an input value – when the input value is changed via javascript?
  16. Get the string representation of a DOM node
  17. How can I remove all CSS classes using jQuery/JavaScript?
  18. Count immediate child div elements using jQuery
  19. How do I put codes from jsfiddle.net into my website?
  20. JavaScript: How to get parent element by selector?
  21. Screen Scraping from a web page with a lot of Javascript [closed]
  22. What is better, appending new elements via DOM functions, or appending strings with HTML tags?
  23. Attach event listener through javascript to radio button
  24. Check whether HTML element has scrollbars
  25. Why is React’s concept of Virtual DOM said to be more performant than dirty model checking?
  26. Why doesn’t Node.js have a native DOM?
  27. Is there a way to get innerText of only the top element (and ignore the child element’s innerText)?
  28. IE support for DOM importNode
  29. How do I find the DOM node that is at a given (X,Y) position? (Hit test)
  30. Dynamically generated table – using an array to fill in TD values

Leave a Comment