0

これはかなり明白な答えを持つ初心者の質問のように感じますが、私は一生それを理解することはできません. 新しい要素を作成して本体に追加しようとする以下の試みの問題は何ですか?

var newDiv = document.createElement("div");
newDiv.setAttribute("id", "popup");
newDiv.setAttribute("width", "400px");
newDiv.setAttribute("height", "400px");
newDiv.setAttribute("backgroundColor", "red");
document.getElementsByTagName("body")[0].appendChild(newDiv);
newDiv.style.position = "absolute";
newDiv.style.left = "25px";
newDiv.style.top = "25px";
4

3 に答える 3

6

幅と高さの属性は「px」では機能しません。また、背景の属性についてもわかりません。どちらの方法でも、次の方法で機能します。これを実行する必要があります。

var newDiv = document.createElement("div");
newDiv.setAttribute("id", "popup");
newDiv.style.width="400px";
newDiv.style.height="400px";
newDiv.style.backgroundColor="red";
document.getElementsByTagName("body")[0].appendChild(newDiv);
newDiv.style.position = "absolute";
newDiv.style.left = "25px";
newDiv.style.top = "25px";
于 2012-07-06T17:50:25.600 に答える
1

http://jsfiddle.net/4BBWj/2/ newDiv.style.backgroundColorを設定するか、属性style = backgreound-color：redを設定します。

高さと幅についても同じです。

また、何かを見るためにいくつかのコンテンツを入れます。

于 2012-07-06T17:52:20.550 に答える
0

これは私が考える最良のアプローチです。

var newDiv = document.createElement("div");
newDiv.id = "popup";

newDiv.setAttribute("width", "400px");
newDiv.setAttribute("height", "400px");

newDiv.style.position = "absolute";
newDiv.style.top = "25px";
newDiv.style.left = "25px";
newDiv.style.backgroundColor = "red";

document.body.appendChild(newDiv);
于 2012-07-06T18:02:27.067 に答える