1

【再編集質問】

簡単なコード:

var newDiv = document.createElement("div");
newDiv.style["background-color"] = "#DDD";
newDiv.innerHTML = " (some content) ";
container.appendChild(newDiv);

(オブジェクト「コンテナ」は以前に定義されています)

Chrome の最新バージョンでは、新しい div ボックスは灰色の背景で表示されます。IE8 では背景が透明です。これに変更すると：

newDiv.style.backgroundColor = "#DDD";

IE8でもボックスの背景は灰色です。どうしてこれなの？私はまだIE9でテストしていません。

4

2 に答える 2

1

私はInternetExplorer8を使用しており、コードはブラウザーで機能しますが、ちょっとしたトリックがあります-DIVの高さを設定します

var newDiv = document.createElement("div");
newDiv.style.backgroundColor = "#DDD";
container.appendChild(newDiv);

//this new addition showed it worked
newDiv.style.height = '50px';

または使用

newDiv.innerHTML = ' ';

おそらくdivにコンテンツがないため、表示されていません。

于 2013-01-02T17:27:52.577 に答える
1

IE8 および IE9 で正しく動作させるには、ドキュメントの最初に適切な doctype を指定します。

<!DOCTYPE html>
<html>
...
于 2013-01-02T17:20:57.867 に答える