Question

The following code works in all browser but IE8 and below.

            // Create Paragraph
            var para1 = document.createElement('p');
            var htmlstring = '<div style="width: 300px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 6pt; color: #FF0000;">'
            htmlstring = htmlstring + '<table style="width: 300px; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 6pt; color: #FF0000;">'
            htmlstring = htmlstring + '<tr><td style="width: 100px;"><strong>ID</strong></td><td style="width: 200px;">' + ID + '</td></tr>';
            htmlstring = htmlstring + '<tr><td><strong>Date/Time</strong></td><td>' + DateStamp + '</td></tr>';
            htmlstring = htmlstring + '<tr><td><strong>Location</strong></td><td>' + Location + '</td></tr>';
            htmlstring = htmlstring + '<tr><td><strong>Event</strong></td><td>' + Event + '</td></tr>';
            htmlstring = htmlstring + '<tr><td><strong>Speed</strong></td><td>' + Speed + '</td></tr></table></div>';
            para1.innerHTML = htmlstring;  << THIS IS GENERATING AN UNKNOWN ERROR

Any one have a solution or know even why this is happening?

Thanks,
Jim

Answer 1

There is a lot of “problems” with innerHtml in IE8 and below, for example see this document.getElementById().innerHtml + IE7 can cause problems.

The most safe solution is probably to set innerHtml of a div instead of a paragraph.