JavaScriptでHTMLの背景色を変える

web

関数を変数に格納する。

なんかカッコいい。

それをまた関数にまとめて、<body onload= “initial();>で一気に開放する。

これができたからと言って表示が動く訳ではないし、最初からhtmlで書けばいいのだろうが、そういう問題じゃなく、カッコいい。

それだけ。

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8">
  <title>Document Object Model</title>
  <style>
  body { font-size: 20pt; font-weight: bold; }
  h1 { font-size: 10pt; font-weight: lighter; background-color: blue; }
  </style>
  <script>
  function initial(){
  var title = document.querySelector('#title');
  var msg = document.querySelector('#msg');
  var col = document.querySelector('#title');

  title.textContent = "Hello JavaScript!";
  msg.textContent = "After Document!";
  col.style.backgroundColor = "red";
}
</script>
  <body onload="initial();">
    <h1 id="title">DOM Controlle</h1>
    <p id="msg">Hello World!</p>
  </body>


</html>

コメント

タイトルとURLをコピーしました