Q&A
前提・実現したいこと
Twitterみたいな掲示板を作成しています。
ボタンを押したら投稿がどんどん追加される仕様です。
投稿した文字のフォントサイズやカラーを変更したいです。
発生している問題・エラーメッセージ
<p class="text">に投稿を追加したいのですが、できません。該当のソースコード
JavaScript
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="utf-8"> 6 7</head> 8 9<body> 10 11 <p class="text" style="font-size:2rem">かきくけこ</p> 12 13 <form> 14 <textarea class="textareaField" placeholder="入力欄"></textarea> 15 </form> 16 17 <button class="btn">ボタン</button> 18 19 20 <script> 21 const btn = document.querySelector(".btn"); 22 23 btn.addEventListener("click", function() { 24 25 const text =document.querySelector(".text"); 26 const textareaField = document.querySelector(".textareaField"); 27 const textareaFieldValue = textareaField.value; 28 29 text.insertAdjacentHTML('afterend', textareaFieldValue); 30 31 }); 32 </script> 33 34</body> 35
試したこと
text.innerHTML = textareaField.value;
とすると<p class="text">に挿入されますが
Twitterみたいに投稿できません
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答1件
0
ベストアンサー
afterendは「終了タグの後に」という意味です。
ですので、要素の外になります。
投稿2021/09/14 09:18
総合スコア37018
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2021/09/14 09:24