日期:2014-05-16  浏览次数:20507 次

请教把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 = "测试内容";              
     &n