Internet Explorer和Firefox將內聯CSS轉換爲奇怪的東西

我有一些使用javascript插入div的HTML。但它將內聯CSS轉換爲奇怪的東西。例如像如果我把在div以下的HTML（使用document.getElementById("element").innerHTML = ...）：Internet Explorer和Firefox將內聯CSS轉換爲奇怪的東西

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

當我看到什麼是真正的div元素（使用Firebug），這是它是什麼：

<TD vAlign=top 0; padding:>

難道是我以某種方式引起這個錯誤嗎？當你用嵌入式CSS將一些HTML插入到使用javascript的div中時，你是否也發現這種情況發生在你身上？任何信息將是很有益的

來源

2011-06-10 Mack

屬性值必須引號他們身邊：

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

而且，由於該HTML嵌入在JavaScript中的字符串，小心引號。我建議單引號（'）開始/結束的JavaScript字符串，而雙引號（"）開始/結束屬性值：

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

來源

2011-06-10 03:58:37

你試圖引用您的屬性？

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

另外，還要注意VALIGN = 「頂」是非常過時。使用

vertical-align: top;

最後，我強烈建議您避免內聯css。

來源

2011-06-10 03:59:00 matchew

嘗試包裹引號中：

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

來源

2011-06-10 03:59:07 LandonSchropp

Internet Explorer和Firefox將內聯CSS轉換爲奇怪的東西

回答

相關問題