Q&A
無事表示することができました。ありがとうございます！
前提・実現したいこと
htmlにjavascriptでdivを追加したいのですが、
下記のコードのどこが悪いのか分からず苦戦しています。
申し訳ありませんが、誤りを指摘いただけると幸いです。
エラーは発生していません。
該当のソースコード
html
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>UzRDBMS</title> 6 7 <script src="./js/jquery-3.4.1.js"></script> 8 9 <script src="./js/htmlElementCreator.js"></script> 10 </head> 11 <body> 12 13 </body> 14</html>
javascript
1jQuery(function($){ 2 var elm; 3 elm = document.createElement('div'); 4 elm.className = 'wrapper'; 5 elm.style.width = '100%'; 6 elm.style.height = '100%'; 7 elm.style.backgroundColor = 'red'; 8 9 $('body').append(elm); 10 11});
回答2件
0
こちらですが、上記のコードで成功しているかと思います。
動的なコードを追加した時は
Chromeで右クリックして検証からElementsを確認してみてください
投稿2019/10/14 13:39
総合スコア88
0
ベストアンサー
これをスタイルに追加してください。もしくは、100%でなく100vhにしてください。
CSS
1html, body { 2 height: 100%; 3}
【ChromeデベロッパーツールでCSSをチェックする方法 | なんでものびるWEB】
https://nandemo-nobiru.com/2944/
【初心者向け！Chromeの検証機能（デベロッパーツール）の使い方】
https://saruwakakun.com/html-css/basic/chrome-dev-tool
投稿2019/10/14 13:39
総合スコア69596
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/10/14 14:45