Public code

Use insertAdjacentHTML

.innerHTMLでHTMLを生成すると、もともと入っているDOMを破壊してしまうためinsertAdjacentHTMLを使おう!
0
0
Screenshot!
Copy Code!
//HTML <div id="hoge"> <p>Hello,World!</p> </div> <div id="fuga"> <p>Hello,World!</p> </div> //SCRIPT <script type="text/javascript"> const hoge = document.getElementById("hoge"); const fuga = document.getElementById("fuga"); const adderDom = "<br>Hello,DOM!"; hoge.innerHTML = adderDom; fuga.insertAdjacentHTML("beforeend", adderDom);//引数は(where, dom) //whereの部分には //'beforebegin' //'afterbegin' //'beforeend' //'afterend' //が入ります。 </script> //Result Hello,DOM! Hello,World! Hello,Dom!
Back to Home