Q&A
ありがとうございます！
やりたいことに近づきました！
タイトルにあるように、JSで要素を作成し、そこにタグを追加したいです
html
1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <title>Document</title> 8</head> 9<body> 10 11 <button id="btn">押してね</button> 12 13 <script> 14 window.onload = function() { 15 const btn = document.getElementById("btn"); 16 btn.addEventListener("click", () => { 17 newDiv = document.createElement("div"); 18 newDiv.classList.add("simple"); 19 20 newDiv.innerHtml = "<p>" + 21 "test dayo" + 22 "</p>"; 23 24 // newDiv.innerText = "<p>" + 25 // "test dayo" + 26 // "</p>"; 27 28 document.body.appendChild(newDiv) 29 }); 30 } 31 </script> 32 33</body> 34</html>
innerText でテキストは挿入できたのでいいのですが、作成したHTMLが挿入できません。
要素の新規作成と、その子要素の作成を同時に行うことはできないのでしょうか？
よろしくお願いします
回答2件
1
とりあえず
innerHtml
↓↓↓
innerHTML
投稿2022/01/14 06:51
総合スコア109862
0
ベストアンサー
これでどうでしょうか。
JavaScript
1var newElement = document.createElement("p"); 2var newContent = document.createTextNode("test dayo"); 3newElement.appendChild(newContent); 4newDiv.appendChild(newElement);
投稿2022/01/14 06:30
総合スコア101
回答へのコメント
下記のような回答は推奨されていません。
このような回答には修正を依頼しましょう。