Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Dom

9,169 views

Published on

Published in: Technology, Self Improvement
  • Follow the link, new dating source: ❤❤❤ http://bit.ly/39sFWPG ❤❤❤
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • ..............ACCESS that WEBSITE Over for All Ebooks ................ ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } .........................................................................................................................
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THI5 BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT (Unlimited) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download Full EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ACCESS WEBSITE for All Ebooks ......................................................................................................................... Download Full PDF EBOOK here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download EPUB Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... Download doc Ebook here { https://tinyurl.com/y6a5rkg5 } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Dom

  1. 1. DOMを知って コーディングをもっと楽しむ 德田 和規(nori) / 5509
  2. 2. DOMを知って コーディングをもっと楽しむ 德田 和規(nori) / 5509
  3. 3. DOMってなんだろ
  4. 4. DOMってなんだろ
  5. 5. DOMってなんだろ• ドキュメントオブジェクトモデル
  6. 6. DOMってなんだろ• ドキュメントオブジェクトモデル• HTMLをひとつのツリー構造として見る
  7. 7. DOMってなんだろ• ドキュメントオブジェクトモデル• HTMLをひとつのツリー構造として見る• ツリー構造 = 家系図
  8. 8. ドキュメントオブジェクトモデル
  9. 9. ドキュメントオブジェクトモデル• ドキュメント = HTML
  10. 10. ドキュメントオブジェクトモデル• ドキュメント = HTML• オブジェクト = HTML要素
  11. 11. ドキュメントオブジェクトモデル• ドキュメント = HTML• オブジェクト = HTML要素• モデル = 捉え方
  12. 12. ドキュメントオブジェクトモデル• ドキュメント = HTML• オブジェクト = HTML要素• モデル = 捉え方
  13. 13. ドキュメントオブジェクトモデル• ドキュメント = HTML• オブジェクト = HTML要素• モデル = 捉え方
  14. 14. HTMLをひとつのツリー構造として見るたとえば以下のようなHTML<html> <head> <title>title</title> </head> <body> <h1>heading1</h1> <div> <h2>heading2</h2> <p>hogehoge</p> </div> </body></html>
  15. 15. HTMLをひとつのツリー構造として見るたとえば以下のようなHTML<html> <head> <title>title</title> </head> <body> <h1>heading1</h1> <div> <h2>heading2</h2> <p>hogehoge</p> </div> </body></html>
  16. 16. HTMLをひとつのツリー構造として見るたとえば以下のようなHTML<html> <head> <title>title</title> </head> <body> <h1>heading1</h1> <div> <h2>heading2</h2> <p>hogehoge</p> </div> </body></html>
  17. 17. HTMLをひとつのツリー構造として見るたとえば以下のようなHTML<html> <head> <title>title</title> </head> <body> <h1>heading1</h1> <div> <h2>heading2</h2> <p>hogehoge</p> </div> </body></html>
  18. 18. HTMLをひとつのツリー構造として見るたとえば以下のようなHTML<html> <head> <title>title</title> </head> <body> <h1>heading1</h1> <div> <h2>heading2</h2> <p>hogehoge</p> </div> </body></html>
  19. 19. HTMLをひとつのツリー構造として見るたとえば以下のようなHTML<html> <head> <title>title</title> </head> <body> <h1>heading1</h1> <div> <h2>heading2</h2> <p>hogehoge</p> </div> </body></html>
  20. 20. HTMLをひとつのツリー構造として見るDOMツリーにするとこんな感じ
  21. 21. HTMLをひとつのツリー構造として見るDOMツリーにするとこんな感じ
  22. 22. HTMLをひとつのツリー構造として見るDOMツリーにするとこんな感じ
  23. 23. ツリー = 家系図ちょっと見方を変えてみましょう
  24. 24. ツリー = 家系図ちょっと見方を変えてみましょう
  25. 25. セレクタとの関係オレンジの丸で囲んだ人(要素)を中心とすると他の人(要素)との関係はこんな感じ
  26. 26. セレクタとの関係オレンジの丸で囲んだ人(要素)を中心とすると他の人(要素)との関係はこんな感じ
  27. 27. セレクタとの関係オレンジの丸で囲んだ人(要素)を中心とすると他の人(要素)との関係はこんな感じ
  28. 28. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる
  29. 29. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる $(‘h1’)
  30. 30. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent() $(‘h1’)
  31. 31. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent() $(‘h1’).next() $(‘h1’)
  32. 32. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent() $(‘h1’).next() $(‘h1’) $(‘h1’).next().children(‘p’)
  33. 33. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent() $(‘h1’).next() $(‘h1’) $(‘h1’).next().children(‘h2’) $(‘h1’).next().children(‘p’)
  34. 34. 起点からのアクセスjQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent().parent() $(‘h1’).parent() $(‘h1’).next() $(‘h1’) $(‘h1’).next().children(‘h2’) $(‘h1’).next().children(‘p’)
  35. 35. 起点からのアクセス jQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent().parent()$(‘h1’) .parent() .parent() $(‘h1’).parent() .children(‘head’) $(‘h1’).next() $(‘h1’) $(‘h1’).next().children(‘h2’) $(‘h1’).next().children(‘p’)
  36. 36. 起点からのアクセス jQueryを使えば起点から簡単にアクセスできる $(‘h1’).parent().parent()$(‘h1’) .parent() .parent() $(‘h1’).parent() .children(‘head’) $(‘h1’).next()$(‘h1’) .parent() .parent() $(‘h1’) .children(‘head’) .children(‘title’) $(‘h1’).next().children(‘h2’) $(‘h1’).next().children(‘p’)

×