CODEWITHSUNDEEP
javascripthtmlsvg
Dirk1000
Dirk1000

Reputation: 29

Access SVG inside HTML

I use SVG inisde my xhtml file. I can not get access to the text with id="Wert". What is wrong, I want to change the color form blue to red.

Untitled Page

<script type="text/javascript">
    function OnLoad() {
        setTimeout("timer()", 1000);
    }

    function timer() {
        var randomnumber = Math.floor(Math.random() * 101); // Zahlen von 0..100

        var svgdocument = document.svgid.getSVGDocument( 'svgid');
        svgtext = svgdocument.getElement.ById('Wert');
        svgtext.setattribute('style','fill:red');


        setTimeout("timer()", 1000);
    }
</script>

40

Upvotes: 2

Views: 455

Answers (1)

Quentin
Quentin

Reputation: 944320

  • function OnLoad() should be onload = function () (case sensitive!)
  • You should use setInterval instead of repeatedly calling setTimeout
  • You should pass it a function, not a string to be evaled
  • The getElementById method doesn't have a "." in it
  • The getElementById method only exists on the document object
  • You can't get an element using document.id_of_element except in some versions of IE (use getElementById instead)
  • setAttribute has a capital A in the middle of it
  • You should probably be using the NS versions of a lot of those methods since you seem to be working with a mixed namespace document
  • You shouldn't generate a random number if you aren't going to use it

Upvotes: 5

Related Questions