Mic*_*ith 9 html javascript jquery mootools dom
我正在创建一个Web应用程序,并想知道为什么以下代码不起作用.它首先创建一个元素,然后将其添加到正文中.然后我创建另一个Div元素,我想放在我创建的第一个div元素中.
我使用MooTools类来创建和初始化对象,它工作正常,但我似乎无法使下面的代码工作.代码在initialize: function()一个类中:
this.mainAppDiv = document.createElement("div");
this.mainAppDiv.id = "mainBody";
this.mainAppDiv.style.width = "100%";
this.mainAppDiv.style.height = "80%";
this.mainAppDiv.style.border = "thin red dashed";
document.body.appendChild(this.mainAppDiv); //Inserted the div into <body>
//----------------------------------------------------//
this.mainCanvasDiv = document.createElement("div");
this.mainCanvasDiv.id = "mainCanvas";
this.mainCanvasDiv.style.width = "600px";
this.mainCanvasDiv.style.height = "400px";
this.mainCanvasDiv.style.border = "thin black solid";
document.getElementById(this.mainAppDiv.id).appendChild(this.mainCanvasDiv.id);
你可以看到它首先创建一个名为"mainBody"的div,然后将它附加到document.body,这部分代码工作正常.问题来自于后来创建第二个div并尝试使用它插入document.getElementById(this.mainAppDiv.id).i(this.mainCanvasDiv.id);
任何人都可以想到上述代码不起作用的原因吗？
代替:
document.getElementById(this.mainAppDiv.id).appendChild(this.mainCanvasDiv.id);
做就是了:
this.mainAppDiv.appendChild(this.mainCanvasDiv);
这样你就可以mainCanvesDiv直接附加到了mainAppDiv.getElementById如果您已经有一个元素的引用,则没有必要.
| 归档时间： |
|
| 查看次数： |
23104 次 |
| 最近记录： |