Internet Explorer和Firefox将嵌入式CSS转换为怪异的东西

问题描述

||| 我有一些使用JavaScript插入div的HTML。但是它将内联CSS转换为奇怪的东西。例如，例如，如果我在div中放入以下HTML（使用ѭ0the）：

<td valign=top style= border: 0; padding: 0;>

当我看到div元素中的实际内容时（使用FireBug），它就是：

<TD vAlign=top 0; padding:>

是我造成某种错误的原因吗？当您使用JavaScript将一些带有内联CSS的HTML插入div时，您是否也会遇到这种情况？任何信息都将真正有帮助     

解决方法

        属性值必须在其周围加上引号：

<td valign=\"top\" style=\"border: 0; padding: 0;\">

另外，由于此HTML是作为字符串嵌入Javascript中的，因此请谨慎使用引号。我建议使用单引号（

\'

）来开始/结束Javascript字符串，并建议使用双引号（

\"

）来开始/结束属性值：

document.getElementById(\'element\').innerHTML =
    \'<td valign=\"top\" style=\"border: 0; padding: 0;\">\';

    ,        您是否尝试过引用属性？

<td valign=\"top\" style=\"border: 0; padding: 0;\">

此外，请注意，valign = \“ top \”已过时。采用

vertical-align: top;

最后，我强烈建议您避免使用内联CSS。     ,        尝试将它们用引号引起来：

<td valign=top style=\"border: 0; padding: 0;\">