Ersatztext für eine andere mit einer Verwendung einer Eingabeknopf

Question

Im Moment habe ich den folgenden Code-Segment:

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

Was ich versuche zu erreichen, wenn der Benutzer klickt auf die Eingabe-Taste, um den Text "Test" wird durch "Dies ist Standard" ersetzt. Dies funktioniert jedoch nicht. Irgendwelche Ideen

Answer 1

Sie müssen das folgende Geschwister mit nextSibling Eigenschaft, dann können Sie nodeValue verwenden, um seinen Text festzulegen.

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>