javascript - 使用输入按钮将文本替换为另一个文本

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";
}

我想要实现的是，当用户单击输入按钮时，文本“测试”将替换为“这是默认值”。然而，这不起作用。有什么想法

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>