使用输入按钮替换文本

Substitute text for another with a use of a input button

本文关键字:替换 文本 按钮 输入      更新时间:2023-09-26

我目前有以下代码段:

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

我想要实现的是,当用户单击输入按钮时,文本"测试"将被替换为"这是默认的"。然而,这并不奏效。任何想法

您需要使用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>