Acessando elementos dentro de iframe e corpo Tags com JavaScript

Question

Jun 30, 2012, 11:20 PM

dom html iframe cross-browser javascript

Acessando elementos dentro de iframe e corpo Tags com JavaScript

Estou escrevendo um script GreaseMonkey que modifica um atributo de um elemento com um ID específico, mas estou tendo alguns problemas para acessá-lo devido a uma hierarquia HTML não tradicional. Aqui está o HTML relevante:

<body>
...
    <iframe id="iframeID">
        <html>
        ...
            <body id="bodyID" attribute="value">
            ...
            </body>
        ...
        </html>
    </iframe>
...
</body>

Ondeattribute é o atributo que estou tentando modificar.

No começo, não percebendo que eu estava trabalhando com umiframe e um aninhadobody tag, eu tentei isso:

document.getElementById('bodyID').setAttribute("attribute","value")

Embora isso funcionasse bem no Firefox, o Chrome me diz que não posso definir o atributo denull, sugerindo que não é possível encontrar nenhum elemento com o idbodyID. Como posso modificar esse atributo de maneira amigável para todos os navegadores?