wake-up-neo.com

onKlicken Sie auf Textänderung

ich bin also ziemlich neu mit HTML und brauche Hilfe.

Ich versuche, 3 Schaltflächen zu erstellen, und jeder von ihnen ändert den nebenstehenden Text, wenn Sie darauf klicken. Ich verwende den folgenden Code für jede Schaltfläche:

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

Wenn ich auf die Schaltfläche klicke, ändert sich der Text nach dem innerHTML = "". Das Problem ist, dass ich viel Text an den Stellen hinzufüge - zukünftig - es wird nicht mehr im Browser geladen. Der Bildschirm wird einfach nicht aktualisiert. Wie kann ich dieses Problem überwinden? Ich habe dieses Problem schon seit einiger Zeit, daher wird jede Hilfe geschätzt.

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

Versuchen Sie diesen Code. Es funktioniert für mich. In dem obigen Code habe ich das [fett] -Tag verwendet, um es zu fokussieren. Sie können das Akronym-Tag verwenden.

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>

Verwenden Sie für alle Tasten dieselbe Funktion, um den Text zu ändern!

Überprüfen Sie diese Geige .

Versuchen Sie dies, um den Text beim Klicken auf den Text zu ändern: 

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

Hier ist die Demo

0
M. Lak

Verwenden Sie diesen Code:

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