[HTML][JavaScript] Operacje na pliku svg za pomocą JS Opcje

[sweter]

Witam,
wyświetlam w oknie przeglądarki dokument svg:

Kod

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

    <svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="500px" height="500px">
        <rect id="kwadracik" x="10px" y="10px" fill="pink"  width="100px" height="100px"/>
        <circle cx="120" cy="120" r="80" fill="red" stroke="black" stroke-width="5"/>
    </svg>

który importuję w taki sposób:

[HTML] pobierz, plaintext 
<object type="image/svg+xml" data="image.svg"></object>  
[HTML] pobierz, plaintext 

Chcę za pomocą JS zmienić wypełnienie kwadrata #kwadracik:

[JAVASCRIPT] pobierz, plaintext 
obiekt = document.getElementById('kwadracik');
obiekt.setAttributeNS('fill','yellow');
[JAVASCRIPT] pobierz, plaintext 

Niestety nie chce działać (IMG:style_emoticons/default/sad.gif) Domyślam się, że przyczyną może być to, że silnik przeglądarki nie może znaleźć w DOM'ie obiektu #kwadracik.
Proszę o rady
Pozdrawiam (IMG:style_emoticons/default/smile.gif)