LoginSignup
1
1

More than 5 years have passed since last update.

個人学習メモ#3 Javascript基礎編1 曖昧な所、理解できていない所を書いてみました

Last updated at Posted at 2018-07-04

自分で何か作ってみようと思いましたが、途中で何をしたらいいかわからなくなります...。プログラムはやっぱり難しいですね...;;

暗記というより理解が大事なので、曖昧な所やもう一度復習しておこうと思ったことをズラズラっと書いてみました。

1.bodyの中にscriptを書く意味

Javascriptを読み込んでいる際はHTMLの読み込みが行われないので、先にページの読み込みをしてからJavascriptを読み込ませることにより、表示速度を向上させるため。

※HTMLの前に読み込みが必要な場合はhead内に記述。

-head内とbodyの一番下にscriptを書きました-

head内
スクリーンショット 2018-07-04 11.03.56.png

bodyの一番下
スクリーンショット 2018-07-04 11.04.04.png

getElmentById()などもhead内に書いてしまうとページを読み込む前に実行されてしまい、ページに何も無い状態なのでnullが返ってきます。

2.documentについて

Webページを構成する全てのHTML要素

指定したidを持つHTMLを取得するdocument.getElementById();
指定したname属性を持つHTMLを取得するdocument.getElementsByName();
HTML要素を作成するdocument.createElement();
※createElementは"生成"しただけなのでWebページには反映されないことに注意!

要素を挿入するにはappendChildを使う
document.body.appendChild(変数);

文字列を書き出すdocument.write();
などなど...他にもあります。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1