HTMLのタグをJavaScriptで追加する方法
appendChild()メソッドを使用する。
例えば<p>タグを追加したい場合、<body>の子要素に<h1><dl><p>を置くと考えると
var element = document.createElement("p"); //タグ生成var text = document.createTextNode("hello"); //テキスト生成document.body.appendChild(element)
DOM(CSS)
JavaScriptでCSSの変更を行う。
例えば<dd class="weather" style="color: #ff7c89;">晴れ</dd>というHTML上でCSSを記述したものがあるとする(この場合テキストがピンクになる)
これをJavaScriptで記述するには
var element = document.querySelector(".weather"); //クラス名の前には"."を忘れずにelement.style.color = "#ff7c