サラリーマン夜の勉強 JavaScript

本日の学習

---

ウェブ開発入門完全攻略コース
JavaScript入門　終了
JavaScript DOM操作　ノードを追加まで

メモ

---

onclickはHTMLとJavaScriptどっちでも記述できるみたいだがどっちを使えばいいのか。
クリックイベントの指定方法は主に3つあるようで、
HTMLで<input type="button" onclick="関数名()">とする方法 JavaScriptでonclickプロパティを使う方法

var button = document.getElementById("ボタンのid");

    var btnfnc = function(){

    }

    button.onclick = btnfnc;

JavaScriptでaddEventListenerを使う方法
最後のやつは使ってみてはいません。

---

JavaScriptの処理は上から行われて行くのではないのか？

function append() {
  // li要素を生成
  var li = document.createElement("li");
  console.log(li);
  // テキストノードを生成
  var text = document.createTextNode("追加文字列");
  console.log(text);
  // liタグの要素に、テキストノード textを追加
  li.appendChild(text);
  // idがlistsのulタグに、liを追加。具体的には<li>追加文字列</li>が、追加される。
  lists.appendChild(li);
}

これで実行するとコンソールに表示されるのは
<li></li>
追加文字列
となるのかと思いましたが、実際は
<li>追加文字列</li>
<li>追加文字列</li>
となったので上から実行されるわけではないのですかね。
明日調べる。