使用输入按钮替换另一个文本

Question

我目前有以下代码段：

<SPAN class="defaultVal">
    <input id="defaultVal" type="submit" name="Default" value="Set Default" onclick="clickedDefaultJob();"/>
    test
</SPAN>

function clickedDefaultJob() {
    document.getElementById("defaultVal").innerHTML = "This is default";
}

我想要实现的是，当用户点击输入按钮时，文本“test”将替换为“This is default”。然而，这不起作用。任何想法

Answer 1

您需要使用nextSibling属性获取以下兄弟，然后您可以使用nodeValue设置其文本。

function clickedDefaultJob() {
  document.getElementById("defaultVal").nextSibling.nodeValue = "This is default";
}

<SPAN class="defaultVal">
    <input id="defaultVal" type="submit" name="Default" value="Set Default" onclick="clickedDefaultJob();"/>
    test
</SPAN>