web-dev-qa-db-ja.com

onClickテキストの変更

だから私はhtmlにかなり慣れており、助けが必要です。

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

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

ボタンをクリックすると、innerHTML = ""の後のテキストが変更されます。問題は、私が場所の多くのテキストに追加したもの---将来---ブラウザーにそれをロードしないことです。画面が更新されません。この問題を解決するにはどうすればよいですか？私はかなり長い間この問題を抱えてきたので、どんな助けも当てはまるでしょう。

javascripthtmlbuttontextonclick
5
Jurjen van Genugten
<script>
function changeText()
{
 document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';
}
</script>
<p>Welcome to the site <b id='boldStuff'>dude</b> </p> 
<input type='button' onclick='changeText()' value='Change Text'/>
</body>
</html>

このコードを試してください。わたしにはできる。上記のコードでは、[bold]タグを使用して焦点を合わせていますが、頭字語タグを使用できます。

9
Divyam Solanki
<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>

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

これをチェックしてください フィドル 。

6
Mohammad Areeb Siddiqui

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

 <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>

これが demo です

0
M. Lak

このコードを使用：

HTML：

<h1> Welcome to the </h2><span id="future-clicked"></span>

<button onclick="clicked_on()">Click for future</button>

JS：

<script>
    function clicked_on(){
        document.getElementById('future-clicked').innerHTML = 'Future World';
    }
0
Bal mukund kumar