動態DOM元素無法訪問？

Question

我可以使用調試檢查器看到ID為Foo的DOM元素。

這個DOM元素是由我無權訪問的腳本動態插入的。

因此，當您執行View-> Source時，您無法看到它。

當我嘗試使用時訪問元素

document.getElementById('Foo') ，它返回一個無法找到它的null bc。

在調試控制台中也驗證了這一點。

是否有可能獲得動態插入的元素？

我問bc我想刪除節點。

Answer 1

是的你可以：

function addElement() {
    var foo = document.createElement('p');
    foo.id = "bar";
    document.body.appendChild(foo);
}
function getElement() {
    alert(document.getElementById('bar'));
}    

addElement();
getElement();

另見現場演示 。

為什么你的例子不起作用很難說，因為你沒有提供任何細節。

猜測，您看到的元素位於iframe中的不同文檔中，在這種情況下，您必須在iframe上調用getElementById之前訪問iframe中的文檔 。 當然，這取決於相同的原產地政策 。