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 + ")";

尝试

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

这会将（artikel）添加到链接的末尾，看起来就像您要尝试的操作。

Answer 3

class A {
   ...
};

class B {
   ...
};

class C {
   ...
   std::vector<PossibleValues> storage; // reference to variant
   ...
};

boost::variant<A, B, C> PossibleValues;

很简单，文本一旦更改，它就会删除我们已经知道的所有孩子，

所以保存孩子，然后将它们附加到最后（重命名后）

更改文本而不删除图像？

3 个答案: