Updating SVG text using jQuery in IE9-11

Question

I'm trying to update the text on a SVG path using jQuery. It works fine in Firefox and Chrome, but in IE9 and IE11 (haven't tested on 10, but it's probably the same) the text is not updated. Any ideas/workarounds? This is my code so far: ```

Accepted Answer

I figured it out:

It's correct to use the `textContent` property instead of updating `innerHTML`, so the line:

```
$('#ribbonLeftText').html('bla bla bla');
```

becomes:

```
$('#ribbonLeftText').prop('textContent','bla bla bla');
```

And it works in all browsers.

Updating SVG text using jQuery in IE9-11

Solution

Problem