6

だから私はhtmlを使ったばかりで、助けが必要です。

3 つのボタンを作成しようとしていますが、それぞれをクリックすると横のテキストが変わります。各ボタンに次のコードを使用しています。

<a href="#" onClick="document.getElementById('past').innerHTML='---future---';">

ボタンをクリックすると、innerHTML=" " の後のテキストでテキストが変わります。問題は、場所の多くのテキストに追加するものです--将来---ブラウザに読み込まれなくなります。画面が更新されないだけです。この問題を解決するにはどうすればよいですか? 私はかなり長い間この問題を抱えていたので、どんな助けも感謝されます.

4

4 に答える 4

8 
<p id="peep"></p>

<button onclick="myFunction('Harry Potter')">Click for Harry Potter</button>
<button onclick="myFunction('Bob')">Click for Bob</button>

<script>
function myFunction(name)
{
document.getElementById("peep").innerHTML = "Welcome " + name;
}
</script>

テキストを変更するには、すべてのボタンで同じ機能を使用してください。

このフィドルを確認してください。

于 2013-06-12T11:39:52.877 に答える
1

テキストをクリックしてテキストを変更するには、これを試してください：

 <div id="chgtext">This is my current text</div>
    <a href="#" onclick="document.getElementById('chgtext').innerHTML='Change the text using javascript';">Change text</a> &nbsp; &nbsp;
    <a href="#" onclick="document.getElementById('chgtext').innerHTML='Text will be changed based on the other text';">Change text2</a>&nbsp;  &nbsp;
    <a href="#" onclick="document.getElementById('chgtext').innerHTML='This is another sample changed text on click the onther text';">Change text3</a>&nbsp;  &nbsp;
    </div>
于 2017-01-02T10:54:31.800 に答える