Wie kann ich dafür sorgen, dass sich Text beim Klicken in ein neues Element (z. B. eine Trennlinie) verwandelt?

Question

Ich versuche eine Möglichkeit zu finden, bestimmte Texte auf der Seite beim Klicken in Trennzeichen/neue Elemente umzuwandeln. Ich weiß nicht, wie ich es erklären soll, aber stellen Sie sich ein Bild mit einem Titel darunter vor – klicken Sie auf den Titel, und dann wird das Bild oben wie ein Textfeld/anderes Bild/scrollbare Trennlinie. Ich versuche, den Effekt der Seite hier zu erzielen, bei der durch Klicken auf das Totenkopf-Emoji rechts ein neues Div/Bild im Feld links angezeigt wird. Ich schaue mir den Quellcode an und überprüfe, was sie tut, um diesen Effekt zu erzielen, bin mir aber immer noch nicht sicher, was.

Ich versuche etwas mit dem Onclick-Guide von w3schools zu machen

`<img src="yay.png">
<p id="angelo" onclick="myFunction()">ANGELO</p>
<script>
function myFunction() {
document.getElementById("angelo") InnerText =" <div id="info"> Blabla </div> " ;
}
</script>`

Ich weiß nicht viel über Java – tatsächlich habe ich es nur einmal verwendet! Das hilft mir also in keiner Weise, da ich nur versuche, einen Weg zu finden, wie ich es zum Laufen bringen kann, auch wenn ich das starke Gefühl habe, dass ich es falsch mache.

Answer 1

在此，您可以单击文本以显示包含某些文本的 div 并隐藏您单击的文本。

  
BlaBlaBla
  
ANGELO
    `