访问DOM树的问题

Question

我正在开发一个简单的Chrome扩展程序，它应该能够检索DOM节点并以特定方式修改它们。这就是我所坚持的。

在javascript文件中有两个DOM查询（让我们调用A和B），我在html-page中注入。第一个（A）顺利，但第二个（B）总是粉碎。即使我交换第一个（A）查询和第二个（B），所有内容仍将以相同的方式工作。查询（B）现在可以正常工作，A现在什么都不做。

spans = document.getElementsByTagName('span');

for(j =0 ;j<=divin.length; j++)
{  
    //Manipulations                       //Works just fine 
}


paragraphs = document.getElementsByTagName('p');

for(j =0 ;j<=paragraphs.length; j++)
{  
    //Manipulations                       //Does nothing
}

我们在这看到的。相同的代码，但位置不同。

paragraphs = document.getElementsByTagName('p');

for(j =0 ;j<=paragraphs.length; j++)
{  
    //Manipulations                      //Works just fine 

}

spans = document.getElementsByTagName('span');

for(j =0 ;j<=divin.length; j++)
{   
    //Manipulations                     //Does nothing
}

我尝试了各种方式注入此代码，但结果始终相同。

Answer 1

好像您正在使用divin.length而不是spans.length。