insertAdjacentHTML()使い方について

以下のコードで日本語の下もう一度英語を表示したですが、なぜか英語の下に　[object HTMLParagraphElement]　が表示されます。
理由を教えていただけますでしょうか。？

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>insertAdjacentHTML 練習</title>
</head>
<body >

  <P id="eng">英語</p>

  <p id="jap">日本語</p>

  <script>

   function addToDo() {
    const Eng = document.querySelector('#eng');
    const Jap = document.querySelector('#jap');
    Jap.insertAdjacentHTML('afterend', Eng);
   }

    addToDo();

  </script>
</body>
</html>

行動規範の内容に同意します

回答1件

ベストアンサー

やりたいことはこうでしょうか？

<P id="eng">英語</p> <p id="jap">日本語</p> <script> function addToDo() { const Eng = document.querySelector('#eng').innerText; const Jap = document.querySelector('#jap'); Jap.insertAdjacentHTML('afterend', Eng); } addToDo(); </script>

投稿2021/01/05 16:02