JavaScript: how to add text to a tag with a tag inside?

Question

JavaScript

Hello fellow toasters.
The customer's designer designed the code in the following way:

<li><i class="fa fa-map-marker"></i> Pierrelatte</li>

Only the text needs to be changed (in the example it is "Pierrelatte"). The i tag in this case displays a marker. As a backend, I need to send the text inside the li tag using JS , but everything is complicated by the tag contained inside. How to solve this issue?
The following options come to mind:
1) Ditch the code even more by stuffing another tag inside.
2) Pass the inner tag directly to JS (squalor, and nothing more).
3) Show the designer for his methods of solving the problem.
Thanks everyone for the replies.

Answer 1

You can get the Text Node inside li and modify its content. Like this.

Answer 2

jsfiddle.net/99ehzh5o/1