Доступ к SVG внутри HTML

Question

Я использую SVG inisde мой файл xhtml. Я не могу получить доступ к тексту с id = "Wert". Что не так, я хочу изменить цвет формы с синего на красный.

Страница без названия

<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

Answer 1

• function OnLoad() должно быть onload = function () (чувствительно к регистру!)
• Вы должны использовать setInterval вместо многократного вызова setTimeout
• Вы должны передать ему функцию, а не строку, которую нужно уклонить
• Метод getElementById не имеет "." в нем
• Метод getElementById существует только для объекта документа
• Вы не можете получить элемент, используя document.id_of_element, за исключением некоторых версий IE (используйте вместо него getElementById)
• setAttribute имеет заглавную букву A в середине
• Вероятно, вам следует использовать версии NS многих из этих методов, поскольку вы, похоже, работаете со смешанным документом пространства имен
• Вы не должны генерировать случайное число, если вы не собираетесь его использовать