IE8中的createElement内部HTML错误

时间:2012-06-22 08:57:46

标签: javascript innerhtml createelement

以下代码适用于所有浏览器,但IE8及以下版本。

            // 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

任何人都有解决方案或知道为什么会发生这种情况?

谢谢, 吉姆

1 个答案:

答案 0 :(得分:0)

IE8及以下版本中innerHtml存在很多“问题”,例如请参阅此document.getElementById().innerHtml + IE7 can cause problems

最安全的解决方案可能是设置div的innerHtml而不是段落。