我目前正在自己學習一些 CSS 和 JS，我被困在我真正想做的部分，但很難在網上找到正確的答案，因為似乎有很多方法，但我無法做出任何他們工作。這是我的想法的一個片段：let htmlcontent = `<p>It's me again!</p>`;function animation() {  let content = document.getElementById("content");  content.innerHTML = "";  content.innerHTML = htmlcontent;}#content p {  font-size: 100px;}<div id="content">  <p>  Hello world!  </p></div><button onclick="animation()">  Click here</button>這個想法是，當我單擊按鈕時，舊內容會被新的 HTML 內容替換，并且我希望每次單擊按鈕時新內容都會從右側淡入（過渡）。如果我的問題不好/奇怪，我很抱歉，英語不是我的主要語言，而且我目前沒有其他人可以問。感謝您的耐心等待。