在IE8中创建元素内部HTML错误

createElement inner HTML error in IE8

本文关键字：内部 HTML 错误 元素 创建 IE8      更新时间：2023-09-26

以下代码适用于所有浏览器，但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

任何人都有解决方案，甚至知道为什么会发生这种情况？

谢谢吉姆

IE8及更低版本中的innerHtml有很多"问题"，例如请参阅此文档.getElementById（）.innerHtml + IE7可能会导致问题。

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

相关文章：