<script type ="text/javascript"> $(function()
{
var title = "标题"
var id = "001";
var newNode;
newNode = ParseDom("<fieldset><legend>" + title +"</legend><div id='"+ id +"'></div></fieldset>");
document.getElementById("divContainer").appendChild(newNode); //不想放这里
var innerDiv = newNode.document.getElementById(id);
innerDiv.innerHTML = "测试内容";
//document.getElementById("divContainer").appendChild(newNode); //为了性能,我想把这句放这里
}
)
function ParseDom(content)
{
var newObject = document.createElement("div");
newObject.innerHTML = content;
return newObject;
};
</script>document.getElementById("divContainer").appendChild(newNode); 这句,为了性能,
我想放到最后一行。但是这样,会发现没法顺利添加。
我估计是新创建的元素,没加入DOM前,document.getElementById无效造成的。
请问如何处理。谢谢!
{
var title = "标题"
var id = "001";
var newNode;
newNode = ParseDom("<fieldset><legend>" + title +"</legend><div id='"+ id +"'></div></fieldset>");
document.getElementById("divContainer").appendChild(newNode); //不想放这里
var innerDiv = newNode.document.getElementById(id);
innerDiv.innerHTML = "测试内容";
//document.getElementById("divContainer").appendChild(newNode); //为了性能,我想把这句放这里
}
)
function ParseDom(content)
{
var newObject = document.createElement("div");
newObject.innerHTML = content;
return newObject;
};
</script>document.getElementById("divContainer").appendChild(newNode); 这句,为了性能,
我想放到最后一行。但是这样,会发现没法顺利添加。
我估计是新创建的元素,没加入DOM前,document.getElementById无效造成的。
请问如何处理。谢谢!
后面的
var innerDiv = newNode.document.getElementById(id);
innerDiv.innerHTML = "测试内容";
无法正常执行。
var id = "001";
var newNode;
newNode = ParseDom("<fieldset><legend>" + title +"</legend><div id='"+ id +"'></div></fieldset>");
//document.getElementById("divContainer").appendChild(newNode); //不想放这里
//var innerDiv = newNode.document.getElementById(id);
var innerDiv = newNode.getElementsByTagName('div')[0] /////用getElementsByTagName 代替
innerDiv.innerHTML = "测试内容";
document.getElementById("divContainer").appendChild(newNode); //为了性能,我想把这句放这里
http://3aj.cn/article/515.html