z_blog:2018:181023_javascript_todo

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- z_blog:2018:181023_javascript_todo [2018/10/23] – [要素elementを取得する] adash333
+++ z_blog:2018:181023_javascript_todo [2018/10/24] (現在) – [要素elementを変更する] adash333
@@ 行 54: / 行 54: @@
 ===== CSSについて =====
-https://qiita.com/C3REVE/items/01cb6b9fd70f622ba622#html そのまんまです。
+https://qiita.com/C3REVE/items/01cb6b9fd70f622ba622#css そのまんまです。
   * 何もつけないとタグ名指定
   * 先頭に # を付けると id 指定
@@ 行 122: / 行 122: @@
 // nameを指定して取得
 // nameはHTML内で複数存在する可能性がある
-// document.getElementByName()は配列を返す
+// document.getElementsByName()は配列を返す
+// getElmentbyId はElement（単数形）、getElementsByNameはElements（複数形）
 // 配列を取得するために、以下のスクリプトではfor文を用いる
 var elements = document.getElementsByName('p02');
@@ 行 135: / 行 136: @@
+===== document.getElementsByTagName() =====
-===== 見出し =====
+Tagは、HTMLのタグである、<p>や<div>のことである。
+document全体からではなく、変数にあるDOMからその子要素を取得することができる。
+と思って以下のようにコードを記載したが、以下のようにエラーが出てうまくいかず。
+{{:z_blog:2018:pasted:20181024-190403.png}}
+===== CSSのセレクタselectorについて =====
+以下のサイトがわかりやすいです。
+https://saruwakakun.com/html-css/reference/selector\\
+CSSのセレクタとは？覚えておきたい25種類と書き方
+/04/20
+===== 要素elementを変更する =====
+  -className :classを取得/設定する
+  -setAttribute() :属性を設定する
+  -removeAttribute() :属性を削除する
+  -value :inputタグの値を取得/設定する
+===== Javascriptのvar, let, constについて =====
+https://qiita.com/masarufuruya/items/096e51c3e4c36c86ae27
+{{:z_blog:2018:pasted:20181024-195309.png}}
 ===== 見出し =====

z_blog/2018/181023_javascript_todo.1540305778.txt.gz · 最終更新: 2018/10/23 by adash333