Изменить текст, не удаляя изображение?

Question

У меня сейчас проблема с JavaScript и HTML.Я хочу редактировать текст кнопки, не удаляя изображение, которое находится в том же элементе.Строка, которую я хочу отредактировать:

<a href="warenkorb.html" class="artikel"><img src="warenkorb.png" height="25vh" id="warenkorb">Warenkorb</a>

Что я пробовал до сих пор:

function warenAnzahl() {
    var artikel = localStorage.getItem("artikel")
    var x = document.getElementsByClassName("artikel")
    var i;
    if (artikel > 0) {
        for (i = 0; i < x.length; i++) {
            x[i].textContent = "Warenkorb (" + artikel + ")";
        }
    }
}

setInterval(warenAnzahl, 100)

Текст изменяется так, как должен, но изображение также удаляется с помощью этого метода.Ни текст, ни изображение не должны двигаться, поскольку они уже находятся в моей навигационной панели.

Answer 1

Вы можете обернуть текст внутри <span> и добавить класс к этому диапазону, а затем выбрать этот класс вместо класса "artikel".

Answer 2

вместо

x[i].textContent = "Warenkorb (" + artikel + ")";

try

x[i].innerHTML += " (" + artikel + ")";

это добавит (artikel) в конец ссылки, что похоже на то, что вы пытаетесь сделать.