替代文字另用一用一輸入按鈕的

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>