MarkRuss Ответов: 0

Как изменить textcontext текстового элемента SVG, созданного из символа тегом "use"

Я пытался реализовать javascript-код, который обновляет текстовые элементы в SVG-изображении. SVG-изображение определяется как символ, так что его можно повторно использовать несколько раз и создать экземпляр с помощью элемента use:

&ЛТ;использовать ID="Х2" х="150" г="0" языка xlink:href, то="#rpm_dial"/&ГТ;

Однако, когда я обновляю textContext элемента, представляющего экземпляр текстового элемента в теневом DOM, используя приведенный ниже код, отображаемый текст не изменяется от текста по умолчанию, указанного в символе, даже если значение textContext действительно изменяется на назначенное значение.

var dial = document.getElementById("x2");
var root = dial.instanceRoot;
var children = root.childNodes;
for(var i = 0; i< children.length;i++)
{
    if (children.item(i).correspondingElement.getAttribute('id') == 'needle')
    {
	var needle = children.item(i).correspondingElement;
	needle.setAttribute("transform","rotate("+angle2+" 64, 64)");
    }
    if (children.item(i).correspondingElement.getAttribute('id') == 'counter')
    {
	var counter = children.item(i).correspondingElement;
	counter.textContext = angle2;
    }
}


Что я уже пробовал:

запрос для элемента непосредственно в дом, а затем установив textContext о том, что элемент работает. Но это не позволяет мне создавать несколько экземпляров символа.

//document.getElementById("counter").textContent = angle2;

0 Ответов