更新svg中标签的aria标签不更新视图

编程问答 2022-06-04

问题描述

大家。我正在使用svg制作动画，当我更新aria-label时，视图不会改变。功能：

formNatal.addEventListener('submit',(e) => {

    e.preventDefault();

    let text_field = animacao.shadowRoot.children[0].children[0].children[0].querySelectorAll('g')[2];
    const message = e.target[0].value; 
    text_field.setAttribute('aria-label',message );
    animacao.play();
});

SVG对象部分：

<g fill="rgb(0,0)" font-size="49" font-family="JD Sans" font-style="normal" font-weight="700" aria-label="HERE IS THE TEXT TO UPDATE" transform="matrix(1.1200000047683716,1.1200000047683716,936.1989135742188,660.4859008789062)" opacity="0.125" style="display: block;"><path>....</path></g>

当我使用相同的逻辑时，我可以更新fill，但是当我尝试使用aria-label时，HTML会更新，但视图不会更新。 我该如何解决？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

htmljavascriptlottielottiesvgsvgsvg