メシのタネ

Webプログラミング 備忘録

  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

OREILLY Javascript 15章-2-4 CSSクラスによる要素選択

昨日に引き続き、オライリーから取ったノートを載せます。

ライブラリ使いましょう

querySelectorAllのような強力なメソッドがJavascriptには用意されていますが、
どうやら、これらは、IE8以下で未対応なようです。でも、そういったことに互換性を
持たしてくれるのが、jQueryといったようなライブラリですねーみたいな感じで締めくくられてました。
素直にライブラリつかいます。僕は。

CSSクラスによる要素の選択

classはJsでは予約語として扱われる

同じクラスはセットで扱われる

classを扱う場合はHTMLタグと同じように戻り値がNodeListになる

呼び出し方

var hoge = getElementByClassName(“huga”);
でもこのメソッドはHTML5から利用可能

CSSセレクタによる要素の選択

セレクタAPIがW3Cで標準化されている為
セレクタでの要素の選択が大体可能




メソッド名はquerySelectorAll();
IE8以下で未サポート。

jQueryを入れることで$()と同じになる。

ノードのツリー構造としてのドキュメント

Document,Element,

HTMLのすべてのテキストを表すTextそれぞれのオブジェクトは
NodeオブジェクトNodeには以下のプロパティがある

parentNode

親Nodeにアクセス

childrenNodes

子ノードを読み出し専用でアクセスする

firstChild,lastChild

子ノードの最初と最後以下childrenNodesと同じ


nextSlibling,previousSibling

ノードの兄弟ノード。親が同じノードの先か後

nodeType

documentなら9、Elementなら1、Textなら3
それぞれのノードで番号が違う。

nodeValue

そのノードのテキストコンテンツにアクセス

nodeName

Elementのタグ名。大文字に変換されます。

関連記事

コメントをお待ちしております