Internet Explorer&Firefox将内联CSS转换为奇怪的东西

Internet Explorer & Firefox converts inline CSS to weird stuff

本文关键字：转换 CSS amp Explorer Firefox Internet      更新时间：2023-09-26

我使用javascript将一些HTML插入到div中。但它将内联CSS转换为一些奇怪的东西。例如，如果我在div中放入以下HTML（使用document.getElementById("element").innerHTML = ...）：

<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;">
相关文章：