Can’t dynamically add rows to a in IE?

by

You need to create a TBODY element to add your new TR to and then add the TBODY to your table, like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title></title></head><body>

<table id="employeetable">
    <tr>
        <th>Name</th>
        <th>Job</th>
    </tr>
</table>

<script type="text/javascript">
    function addEmployee(employeeName, employeeJob) {
        var tableElement = document.getElementById("employeetable");
        if (tableElement) {
            var newTable = document.createElement('tbody');   // New
            var newRow = document.createElement("tr");
            var nameCell = document.createElement("td");
            var jobCell = document.createElement("td");
            nameCell.appendChild(document.createTextNode(employeeName));
            jobCell.appendChild(document.createTextNode(employeeJob));
            newRow.appendChild(nameCell);
            newRow.appendChild(jobCell);
            newTable.appendChild(newRow);   // New
            tableElement.appendChild(newTable);   // New
            alert("code executed!");
        }
    }

    setTimeout("addEmployee(\"Bob Smith\", \"CEO\");", 1000);
    setTimeout("addEmployee(\"John Franks\", \"Vice President\");", 2000);
    setTimeout("addEmployee(\"Jane Doe\", \"Director of Marketing\");", 3000);
</script>

</body></html>

More Related Contents:

  1. 5 stars and the golden 5 stars are not together (When browsing with Internet explorer)
  2. ‘innerText’ works in IE, but not in Firefox
  3. How to fix Array indexOf() in JavaScript for Internet Explorer browsers
  4. Convert JSON array to an HTML table in jQuery
  5. Fixing JavaScript Array functions in Internet Explorer (indexOf, forEach, etc.) [closed]
  6. Intercepting call to the back button in my AJAX application
  7. How can I prevent the backspace key from navigating back?
  8. Access denied to jQuery script on IE
  9. How to make Internet Explorer emulate pointer-events:none?
  10. Cross-browser (IE8-) getComputedStyle with Javascript?
  11. JQuery Ajax post parameters sometimes not sent on IE
  12. Problem with jQuery.ajax with ‘delete’ method in ie
  13. “Permission denied” with Internet Explorer and jQuery
  14. postMessage still broken on IE11?
  15. XMLHttpRequest: Network Error 0x80070005, Access is denied on Microsoft Edge (but not IE)
  16. How to compress an image via Javascript in the browser?
  17. Prevent Page Load on Jquery Form Submit with None Display Button
  18. Understanding AJAX CORS and security considerations
  19. Cross-browser bookmark/add to favorites JavaScript [duplicate]
  20. jquery submit form and then show results in an existing div
  21. Disabling the long-running-script message in Internet Explorer
  22. HTML Table with vertical rows
  23. How to keep the browser history in sync when using Ajax?
  24. Export HTML table to CSV using vanilla javascript
  25. AJAX: Submitting a form without refreshing the page
  26. Detect if the internet connection is offline?
  27. When loading an html page via ajax, will script tags be loaded?
  28. Detecting an image 404 in Javascript
  29. Img src path with header params to pass
  30. Like button Ajax in Ruby on Rails

Leave a Comment