代替テキスト

Question

I現在、次のコードセグメントを持っている：

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

何iは、ユーザが入力ボタンをクリックし、テキストを達成しようとしています"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>