请问把createElement加入DOM前，没法使用getElementById有关问题

请教把createElement加入DOM前，没法使用getElementById问题

    <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无效造成的。
请问如何处理。谢谢！
[解决办法]
你分析的是对的 ，没有添加到 dom中 当然没办法定位元素 呵呵 ，这跟性能没多大关系 。
[解决办法]
var innerDiv = newNode.document.getElementById(id);    

这里错了吧，getElementById是document的方法，div节点没有document属性，可以使用getElementsByTagName方法

没添加到DOM树的对象无法使用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);  
        var innerDiv = newNode.getElementsByTagName('div')[0]     /////用getElementsByTagName 代替
        innerDiv.innerHTML = "测试内容";              
         
       document.getElementById("divContainer").appendChild(newNode);  //为了性能，我想把这句放这里 
 

     

查看更多 下一篇