[B! dom] aki77ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

aki77 id:aki77

domã«é–¢ã™ã‚‹aki77ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (30)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

HTML å…¨ä½“ã® CSS ã‚’å–å¾—ã—ã¦ Shadow DOM ã«é©ç”¨ã™ã‚‹
ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã§ HTML å…¨ä½“ã® CSS ã‚’å–å¾—ã—ã¦ Shadow DOM ã«é©ç”¨ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æœ€è¿‘ã¾ã§ replaceSync() ã¨ adoptedStyleSheets() ã®å˜åœ¨ã‚’çŸ¥ã‚‰ãªã‹ã£ãŸã®ã§ã™ãŒã€ ã“ã® 2ã¤ã‚’ä½¿ã†ã¨æ¯Žå›ž style ã‚¿ã‚°ã‚’æ›¸ãå‡ºã™ã‚ˆã‚ŠåŠ¹çŽ‡çš„ã«å‡¦ç†ã§ãã‚‹ã‚‰ã—ã„ã€‚ ã“ã‚Œã¾ã§ Shadow DOM ã®ä¸ã« link ã‚¿ã‚°ã‚’æ›¸ãã‚ˆã†ãªæ–¹æ³•ã‚’ä½¿ã£ã¦ã„ãŸã®ã§ã™ãŒã€link ã‚¿ã‚°ã ã¨æœ€é©åŒ–ãŒã—ã«ãã„å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ CSS ã¯ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³åŒ–ã—ãŸã»ã†ãŒé«˜é€Ÿãªã®ã§ã€ãã®æ™‚ã«ã‚‚åŒã˜ã‚ˆã†ã«ä½¿ãˆã‚‹æ–¹æ³•ãŒæ¬²ã—ã‹ã£ãŸã®ã§ã™ãŒã€ã“ã®æ–¹æ³•ã§ã„ã‘ã‚‹ã¨ã‚ã‹ã‚Šã¾ã—ãŸã€‚ document.styleSheets ã‚‚çŸ¥ã‚‰ãªã‹ã£ãŸâ€¦ã€‚ function getGlobalCSS() { let css Text = ""; for (const stylesheet of document.sty
aki77 2023/06/13
css

dom
ãƒªãƒ³ã‚¯
Explore DOM Events
There are many categories of events including user events such as 'click' and system events such as 'DOMContentLoaded'.
aki77 2021/05/22
dom

javascript

html
ãƒªãƒ³ã‚¯
Element.toggleAttribute | blog.jxck.io
Intro éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ãƒŸãƒƒã‚·ãƒ³ã‚°ãƒ”ãƒ¼ã‚¹ã ã£ãŸ Element.toggleAttribute ã¨ã„ã†ä»•æ§˜ãŒææ¡ˆã•ã‚ŒãŸã€‚ æœ€è¿‘ã«ãªã£ã¦å„ãƒ–ãƒ©ã‚¦ã‚¶ãŒä¸€æ–‰ã«å®Ÿè£…ã‚’é€²ã‚ã€ãƒªãƒªãƒ¼ã‚¹ã«å‘ã‘ãŸã‚¢ãƒŠã‚¦ãƒ³ã‚¹ãŒå‡ºå§‹ã‚ã¦ã„ã‚‹ã€‚ ã“ã®ä»•æ§˜ã«ã¤ã„ã¦è§£èª¬ã™ã‚‹ã€‚ Boolean Attributes Boolean Attribute ã¨ã¯ã€å±žæ€§ã®å˜åœ¨ã«ã‚ˆã£ã¦çœŸå½ã¨ãªã‚‹å±žæ€§ã§ã‚ã‚‹ã€‚ https://html.spec.whatwg.org/#boolean-attribute ä¾‹ãˆã° button ã® disabled ã‚’ä¾‹ã«ã¨ã‚‹ã¨ã“ã†ãªã‚‹ã€‚ button ã‚’ disabled ã«ã™ã‚‹å ´åˆã¯ã€ä»•æ§˜ä¸Šã¯ä»¥ä¸‹ã® 3 ã¤ã®æ›¸ãæ–¹ãŒã‚ã‚‹ã€‚  <button id=target disabled>toggle target</button> <!-- å€¤ã‚’ empty string ã«ã™ã‚‹
aki77 2018/07/24
javascript

dom
ãƒªãƒ³ã‚¯
HTML5ã¨ã‹å‹‰å¼·ä¼šã«ã¦ã€Œå¤§é‡ã®è¦ç´ ã‚’é«˜é€Ÿã«è¡¨ç¤ºã™ã‚‹ãƒãƒ¼ãƒãƒ£ãƒ«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å…¥é–€ã€ã¨ã„ã†é¡Œã§è©±ã‚’ã—ãŸ - id:anatooã®ãƒ–ãƒã‚°
ç¬¬68å›žHTML5ã¨ã‹å‹‰å¼·ä¼šã«ã¦ã€Œå¤§é‡ã®è¦ç´ ã‚’é«˜é€Ÿã«è¡¨ç¤ºã™ã‚‹ãƒãƒ¼ãƒãƒ£ãƒ«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å…¥é–€ã€ã¨ã„ã†é¡Œã§è©±ã‚’ã—ã¦ãã¾ã—ãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¯ã€åŸºæœ¬çš„ã«ãã®ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«å«ã¾ã‚Œã‚‹DOMè¦ç´ ã®æ•°ãŒå¤šã‘ã‚Œã°å¤šã„ã»ã©ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãŒé‡ãŸããªã‚Šã¾ã™ã€‚ãƒãƒ¼ãƒãƒ£ãƒ«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã¨ã„ã†ã®ã¯ã€JavaScriptã§DOMè¦ç´ ã®æ•°ã‚’èª¿æ•´ã—ã¦è¦‹ãˆãªã„éƒ¨åˆ†ã®æç”»ã‚’ã†ã¾ãã‚µãƒœã‚‹ä»•çµ„ã¿ã§ã™ã€‚ ãƒãƒ¼ãƒãƒ£ãƒ«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°è‡ªä½“ã¯çµæ§‹ã„ã‚ã‚“ãªã¨ã“ã‚ã§åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšãã®ä»•çµ„ã¿ã‚„ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã®æµã‚Œã«ã¤ã„ã¦æ—¥æœ¬èªžã§ã®è§£èª¬ã‚’ã‚ã¾ã‚Šè¦‹ã‹ã‘ãªã‹ã£ãŸã®ã§ã€HTML5ã¨ã‹å‹‰å¼·ä¼šã§ã¯ã“ã‚Œã«ã¤ã„ã¦è©±ã™ã“ã¨ã«ã—ã¾ã—ãŸã€‚ ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã¯çµæ§‹æ˜”ã‹ã‚‰ã‚ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã§ã€çŸ¥ã£ã¦ã‚‹äººã¯çŸ¥ã£ã¦ã„ã‚‹ã‘ã‚Œã©ã‚‚çŸ¥ã‚‰ãªã„äººã¯çŸ¥ã‚‰ãªã„ã¾ã¾ã¨ã„ã†æ„Ÿã˜ã«ãªã‚ŠãŒã¡ãªã‚“ã§ã™ãŒã€ä»Šå›žã¯HTML5ã¨ã‹å‹‰å¼·ä¼šã¨ã„ã†å‚åŠ è€…ãŒæ¯”è¼ƒçš„å¤§ããªå‹‰å¼·ä¼š(180äººãã‚‰ã„å‚åŠ ã—ã¦ã‚‹)ã§è©±
aki77 2017/04/27
javascript

performance

dom
ãƒªãƒ³ã‚¯
Shadow DOM 201: CSS ã¨ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚° - HTML5 Rocks
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
aki77 2015/07/08
dom

html5
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ç’°å¢ƒã§DOMæŒ¿å…¥ã™ã‚‹æ™‚innerHTMLã¨appendNodeã©ã£ã¡ãŒé€Ÿã„ã®ï¼Ÿã¨ã„ã†è©± - mizchi's blog
é¢ç™½ã‹ã£ãŸã®ã§ç´¹ä»‹ã€‚ Mika Raento's Tech Blog: innerHTML vs appendNode vs DocumentFragment - Optimizing bulk DOM operations for mobile ã¾ã‚æ£ç¢ºã«è¨€ã†ã¨DocumentFragmentã®æ¯”è¼ƒã‚‚ã‚ã‚‹ã‚“ã ã‘ã©ã€ãƒ™ãƒ³ãƒä¸ŠappendNodeã¨é•ã„ã¯ãªã„ã®ã§ã‚¿ã‚¤ãƒˆãƒ«ã‹ã‚‰ã¯å‰²æ„›ã€‚ çµè«– æ™®é€šã¯appendNodeãŒé€Ÿã„ã‘ã©ã€è¦ç´ æ•°ã‚’å¤šãã™ã‚‹ã¨å¾ã€…ã«innerHTMLã«åˆ†ãŒã§ã¦ãã‚‹ã€‚å‡è¡¡ç‚¹ã¯1000ãƒŽãƒ¼ãƒ‰ã€‚ ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ ä¸Šã®è¨˜äº‹ã‹ã‚‰å›³ã‚’å¼•ç”¨ ã“ã‚Œã¯è‡ªåˆ†ã®äºˆæƒ³ã ã‘ã©ã€è¦ç´ ãŒå¤šããªã‚‹ã«ã¤ã‚ŒappendNodeã®DOMã¨ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ã®ãƒ–ãƒªãƒƒã‚¸ã‚’çµŒç”±ã™ã‚‹ã®ãŒãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã‚‹ã€‚innerHTMLã¯ãƒ‘ãƒ¼ã‚µã®ã‚³ã‚¹ãƒˆ+appendNodeä¸€å›žåˆ†ã€‚ èª°ãŒæ°—ã«ã™ã‚‹ã® ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ä½œè€…ã¯æ°—ã«ã™ã‚‹ã¨è‰¯ã•
aki77 2014/05/20
dom

javascript
ãƒªãƒ³ã‚¯
JavaScriptãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ãã®ï¼” - èªã¿æ›¸ããƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
Nokia Developerã‚ˆã‚Š Document Object Model (DOM) ã®é›£è§£ã• ã‚½ãƒ¼ã‚¹: Efficient JavaScript - DOM DOMãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®é…ã•ã¯ä»¥ä¸‹ã®3ã¤ã®ä¸»ãªåŽŸå› ã«é¡ã‚‹ã“ã¨ãŒã§ãã‚‹: å¤§è¦æ¨¡ãªDOMæ“ä½œ DOM APIã®å¤§é‡ã®ä½¿ç”¨ã¯é…ã•ã®ã‚ˆãçŸ¥ã‚‰ã‚ŒãŸåŽŸå› ã§ã‚ã‚‹ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå¤šã™ãŽã‚‹ãƒªãƒ•ãƒãƒ¼ã‚„å†æç”»ã‚’å¼•ãèµ·ã“ã™ DOMæ“ä½œã®çµæžœã¨ã—ã¦ã€ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãƒªãƒ•ãƒãƒ¼ã¨å†æç”»ã¯ã¨ã¦ã‚‚é«˜ä¾¡ã§ã‚ã‚‹ã€‚ DOMã®ä¸ã«ãƒŽãƒ¼ãƒ‰ã‚’ç½®ãé…ã„ã‚„ã‚Šæ–¹ DOMã«æœ›ã¿ã®ãƒŽãƒ¼ãƒ‰ã‚’ç½®ãã“ã¨ã¯DOMãŒã‚µã‚¤ã‚ºå¤‰æ›´å¯èƒ½ã ã£ãŸã‚Šè¤‡é›‘ã ã£ãŸã‚Šã™ã‚‹ã¨ã€æ½œåœ¨çš„ãªãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã¨ãªã‚‹ã€‚ Slow DOM performance can be traced back into the following three main causes: Extensive DOM manipulation E
aki77 2012/10/29
javascript

performance

dom
ãƒªãƒ³ã‚¯
PHP Simple HTML DOM ParserãŒã¨ã£ã¦ã‚‚ä¾¿åˆ©
HTMLã‚’ãƒ‘ãƒ¼ã‚¹ã—ã¦ãã¦DBåŒ–ã—ãŸã‚Šã€RSSã®ãƒ†ãƒ³ãƒ—ãƒ¬ã«è½ã¨ã—è¾¼ã‚€â€¦ã¨è¨€ã£ãŸã“ã¨ã‚’å°‘ã—å‰ã‹ã‚‰ã—ã¦ã„ã‚‹ã®ã§ã™ã‘ã©ã€1ã¤2ã¤ãªã‚‰ã„ã–çŸ¥ã‚‰ãšå¯¾è±¡ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ãã‚‹ã¨æ£è¦è¡¨ç¾ã§ä½•ã‹ã—ç¶šã‘ã‚‹ã®ã¯ãŸã„ãã†ç„¡ç†ãŒã‚ã‚Šã¾ã™ã€‚ãã†ã„ã†ã‚ã‘ã§DOMã‚’ä½¿ã£ãŸã‚ŠXPathã‚’ä½¿ã£ãŸã‚Šã‚‚ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã©ã¡ã‚‰ã‚‚HTMLã®æ§‹é€ ã«ã´ã£ãŸã‚Šã¨ã¯è¨€ãˆãªãã¦ã€é«˜åº¦ãªã“ã¨ãŒå‡ºæ¥ã‚‹ãŒæ•…ã«è¨˜è¿°ãŒè¤‡é›‘ã«ãªã£ã¦ã—ã¾ã†ã®ã§ã—ãŸã€‚ã†ãƒ¼ã‚“ã€‚æ…£ã‚Œã‚‹ã¾ã§ã«ãƒãƒ¼ãƒ‰ãƒ«ãŒã‚ã‚‹ãªâ€¦ ãã‚“ãªã“ã¨ã‚’æ€ã£ã¦ã„ãŸã®ã§ã™ãŒã€ãµã¨ã—ãŸæ‹åã«è¦‹ã¤ã‘ãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPHP Simple HTML DOM Parserã€ã‚’åˆ©ç”¨ã—ã¦ã¿ãŸã‚‰ã°ã€ã¨ã¦ã¤ã‚‚ãªãä¾¿åˆ©ã§ã³ã£ãã‚Šã€‚jQueryã®ã‚ˆã†ãªã‚»ãƒ¬ã‚¯ã‚¿ã§ã‚¬ãƒ³ã‚¬ãƒ³æŒ‡å®šã—ã¦æŒã£ã¦ãã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã§ã‚ã‹ã‚Šã‚„ã™ã„ã®ãªã‚“ã®ã€‚ $text = $dom->find('#todays_darling', 0)->innertext; //ä»Šæ—¥ã®ãƒ€
aki77 2011/11/21
html

php

dom

library
ãƒªãƒ³ã‚¯
DOM Builderç³»ã®jsãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¾ã¨ã‚
å‰å›žã€ã©ã¡ã‚‰ã‹ã¨è¨€ãˆã°innerHTMLã‚ˆã‚Šã¯DOMã‚’ä½¿ã„ã¾ã—ã‚‡ã†ã¨æ›¸ãã¾ã—ãŸã€‚ã—ã‹ã—DOMã‚’ã¡ã‚‡ã£ã¨ä½¿ãˆã°ã€ãã®ä½™ã‚Šã®ç…©é›‘ã•ã«é–‰å£ã™ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚ã§ã¯å¯èªæ€§ã‚’ä¿æŒã—ã¤ã¤ã€XSSã‚‚è€ƒæ…®ã—ã¦æ›¸ãã«ã¯ã©ã†ã™ã‚Œã°ã„ã„ã§ã—ã‚‡ã†ã‹ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸã‚‚ã®ã§ã‚ã‚Œã°ã€HTMLä¸ã«display:noneã§æ§‹é€ ã‚’æ›¸ãå‡ºã—ã¦ãŠãã€ãã‚Œã‚’JavaScriptã‹ã‚‰ä½¿ã†ã€ã¨ã„ã†ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã‚‚ã‚«ãƒãƒ¼ã§ãã‚‹ã§ã—ã‚‡ã†ã€‚ã—ã‹ã—å¤§è¦æ¨¡ã«ãªã‚‹ã¨é™ç•ŒãŒè¦‹ãˆã¦ãã¾ã™ã€‚æç”»ã«å¿…è¦ãªã„è¦ç´ ã‚’æ›¸ãå‡ºã—ã™ãŽã‚‹ã¨ã€ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡Œã‚‚ç™ºç”Ÿã—ã¾ã™ã€‚ ãã“ã§ã€JavaScriptã§ã‚‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’ä½¿ã†ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã«ã¯äºŒå¤§å‹¢åŠ›ãŒã‚ã‚‹ E4Xã¿ãŸã„ãªå¤‰æ…‹æ‹¡å¼µã‚„Jadeãªã©ã®ç‹¬è‡ªæ–‡æ³•ç³»ã‚’é™¤ãã¨ã€Scriptletç³»ã¨DOM Builderç³»ã®äºŒç¨®é¡žã«å¤§ããåˆ†ã‘ã‚‹ã“ã¨ãŒã§ããã†ã§ã™ã€‚ï¼ˆç³»çµ±ã®åå‰ã¯é©å½“ã«æ±ºã‚ã¾ã—ãŸã€‚æ£
aki77 2011/06/21
javascript

template

dom

library
ãƒªãƒ³ã‚¯
è¦ç´ ãŒ document ã«ã¤ãªãŒã£ã¦ã„ã‚‹ã‹ã‚’é«˜é€Ÿã«èª¿ã¹ã‚‹æ–¹æ³• - ITæˆ¦è¨˜
ã¨ã‚ã‚‹è¦ç´ ãŒ document ã«ã¤ãªãŒã£ã¦ã„ã‚‹ã‹ã©ã†ã‹ã‚’èª¿ã¹ãŸã„ï¼ ã¨ã‚Šã‚ãˆãšã€ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§å‡ºæ¥ã‚‹æ–¹æ³•ã¨ã—ã¦ã¯ã€ parentNode ã§ç¢ºèªã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãã€‚ function isElementInDocument(node) { do { if (node === document) { return true; } } while (node = node.parentNode) return false; } ã§ã‚‚ å‰ã®ä¾‹ã ã¨ã¡ã‚‡ã£ã¨é…ã„ã®ã§ contains ã‚„ã€ compareDocumentPosition ã‚’ä½¿ã†ã¨ã„ã„ã§ã™ï¼ ã‚³ãƒ¼ãƒ‰ã«ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ function isElementInDocument(node) { if (document === node) { return true } else if (document.compa
aki77 2011/02/24
jQuery.contains ã§ä½¿ã‚ã‚Œã¦ã„ã‚‹æ–¹æ³•

javascript

dom
ãƒªãƒ³ã‚¯
ç¬¬8å›žã€€å®Ÿè·µDOMã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°#1ï¼šHTMLã¨ãƒ†ã‚ã‚¹ãƒˆã®æ“ä½œ | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰ã€…å›žã€å‰å›žã§DOMã®åŸºç¤Žã‚’ç°¡å˜ã«è§£èª¬ã—ã¾ã—ãŸã€‚ä»Šå›žã‹ã‚‰ã¯ã€DOMã‚’ä½¿ã£ãŸå®Ÿç”¨çš„ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ç‰¹ã«ä»Šå›žã¯HTMLã®æ“ä½œã€ãƒ†ã‚ã‚¹ãƒˆã®æ“ä½œã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’å½“ã¦ã¦ã„ãã¤ã‹ã®ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTMLæ“ä½œã®åŸºæœ¬ JavaScriptã«ã‚ˆã£ã¦HTMLã‚’æ›¸ãå‡ºã—ãŸã‚Šã€ä¸€éƒ¨ã‚’æ›¸ãæ›ãˆãŸã‚Šã€å‰Šé™¤ã—ãŸã‚Šã¨ã„ã£ãŸæ–¹æ³•ã¯å®Ÿã¯æ§˜ã€…ãªæ–¹æ³•ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ç›®çš„ã«åˆã‚ã›ã¦é©åˆ‡ãªæ–¹æ³•ã‚’é¸ã°ãªã„ã¨éžåŠ¹çŽ‡ã ã£ãŸã‚Šã€æœ€æ‚ªã‚¯ãƒã‚¹ã‚µã‚¤ãƒˆã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ãªã©ã®å•é¡Œã‚’æŠ±ãˆã¦ã—ã¾ã†å±é™ºã‚‚ã‚ã‚Šã¾ã™ã€‚ document.writeã¨åŒæœŸèªã¿è¾¼ã¿ JavaScriptã§HTMLã‚’æ›¸ãå‡ºã™ã¨ã„ã†ã¨ã€æœ€åˆã«å¦ã¶ã®ã¯ã“ã®document.writeã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ã„ã‚ã‚†ã‚‹printæ–‡ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ãƒ«ãªAPIãªã®ã§ã€å…¥é–€æ›¸ã®æœ€åˆã®ã‚µãƒ³ãƒ—ãƒ«ãªã©ã§æ‰±ã‚ã‚Œã‚‹ã“ã¨ã‚‚å¤šã„ã‚ˆã†ã§ã™ã€‚ã—ã‹ã—ã€docume
aki77 2010/06/22
dom

javascript
ãƒªãƒ³ã‚¯
DOM = ãƒ•ãƒ¬ãƒ¼ãƒ ãƒãƒƒãƒ•ã‚¡ - id:anatooã®ãƒ–ãƒã‚°
ã“ã®è¨˜äº‹ã¯DOM = Frame buffer | Quixey Blogã‚’å‹æ‰‹è¨³ã—ãŸã‚‚ã®ã§ã™ã€‚ ã‚‚ã—ã‚ãªãŸãŒå¤§è¦æ¨¡ãªAJAXã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã„ã¦ã„ã‚‹ãªã‚‰ã€ã“ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã®ã‚’è¨±ã›ã‚‹ã ã‚ã†ã‹ã€‚ if (jQuery("#file_menu").is(":visible")) { ... } é§„ç›®ã ã€ã“ã‚Œã¯å…¨ç„¶è‰¯ããªã„ã€‚ã¨ã„ã†ã®ã‚‚ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã®çŠ¶æ…‹ã®ä¿æŒã‚’DOMã«ä¾å˜ã—ã¦ã„ã‚‹ã‹ã‚‰ã ã€‚ç§ãŸã¡ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ä¸»å¼µã—ãŸã„ã€‚DOMã¯æœ¨æ§‹é€ ã‚’æŒã£ã¦ã„ã‚‹ã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€ã‚ãªãŸã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å‡ºåŠ›ã‚’ã‚¨ãƒ³ã‚³ãƒ¼ãƒ‰ã™ã‚‹ã®ã¿ã§ã‚ã‚Šã€ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹(æ„å‘³è«–)ã‚’æŒã£ã¦ã„ãªã„ã€ã¨ã€‚ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãƒ¡ã‚¿ãƒ•ã‚¡ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã™ã‚‹ã“ã¨ã‚’è€ƒãˆã‚ˆã†ã€‚ã‚ãªãŸã®ãƒ—ãƒã‚°ãƒ©ãƒ ã¯ãƒ¡ãƒ¢ãƒªå†…ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’é€šã˜ã¦ä¸€é€£ã®çŠ¶æ…‹ã‚’ä¿æŒã™ã‚‹ã€‚ã‚‚ã—ã‚ãªãŸãŒç¾åœ¨ã©ã®UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒè¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‹ã‚’çŸ¥ã‚ŠãŸã„ãªã‚‰ã°
aki77 2010/02/03
javascript

dom
ãƒªãƒ³ã‚¯
getElementsByTagName()ã®æˆ»ã‚Šå€¤ã®NodeListã¯å–å¾—å¾Œã«ã‚‚ä¸èº«ãŒå¤‰åŒ–ã™ã‚‹ - inamenaiã®æ—¥è¨˜
ã‚»ãƒ¡ãƒ³ãƒˆãƒ‰ãƒªãƒ³ã‚¯ã€ãƒ–ãƒ©ã‚¦ãƒ³ç®¡ã€åŠã‚‹ã•ã‚ŒãŸåŽç´ã€OMORIã‚«ãƒ•ã‚§ã€ãã‚ŠæŠœãã€ã©ã‚„é¡”ã®åˆéŸ³ãƒŸã‚¯ ãƒ‘ãƒãƒŸãƒ©ç¦å²¡ã«å‡ºæ¼”ã™ã‚‹ç¸ã§åšå¤šã«è¡Œãã¾ã—ãŸã€‚ æ¥½ã—ã‹ã£ãŸã®ã§ãã®æ™‚ã®å†™çœŸã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ åšå¤šé§…ã®ãƒãƒ¼ãƒˆãƒã‚¹ãƒˆ æ‰‹æãã®ã‚°ãƒªãƒƒãƒ ã‚«ãƒ‹ã®ä¸¸æšã’(ãŠã„ã—ã‹ã£ãŸ) ãƒ•ãƒ¬ãƒƒã‚·ãƒ¥ã‚»ãƒ¡ãƒ³ãƒˆ ã¨ã„ã†åå‰ã®é£²ã¿ç‰©(ãŠã„ã—ã‹ã£ãŸ)ã”ã¾+ãƒãƒŠãƒŠã‚¹ãƒ ãƒ¼ã‚¸ãƒ¼ã£ã½ã‹ã£ãŸï¼Ÿ æ³¡ç³»â€¦
aki77 2009/02/08
javascript

dom
ãƒªãƒ³ã‚¯
DocumentFragmentã®è€ƒå¯Ÿ - Personnel
DOMãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ–¹ã¯ã€ã“ã®ã‚ˆã†ãªã“ã¨ãŒå‡ºæ¥ãŸã‚‰è‰¯ã„ã¨æ€ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹? NodeListã®ã‚¯ãƒãƒ¼ãƒ³ã‚’ä½œæˆã™ã‚‹ NodeListã‚’ãã®ã¾ã¾appendChildã®ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ã«ã™ã‚‹ ã‚‚ã¡ã‚ã‚“ã“ã®ã‚ˆã†ãªã“ã¨ã¯å‡ºæ¥ã¾ã›ã‚“ã€‚NodeListã®it emä¸€ã¤ä¸€ã¤ã®ã‚¯ãƒãƒ¼ãƒ³ã‚’ä½œæˆã—ã€ä¸€ã¤ä¸€ã¤ã‚’appendChildã—ãªã‘ã‚Œã°ãªã‚‰ãªã„ã®ã§ã™ã€‚ã—ã‹ã—ã€DocumentFragmentã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ã“ã®ã‚ˆã†ãªæ„Ÿè¦šã®æ“ä½œã‚’ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ã€‚ Foot note ã“ã®è¨˜äº‹ã®URIå‚ç…§ http://members.jcom.home.ne.jp/jintrick/Personal/documentFragment.html#seeds ã“ã“ã«ã€æ–‡æ›¸Aã€æ–‡æ›¸Bã€æ–‡æ›¸C ãŒã‚ã£ãŸã¨ã—ã¾ã™ã€‚ æ–‡æ›¸A <rootA> <it em /> <it em /> <it em /> <
aki77 2008/12/04
javascript

dom
ãƒªãƒ³ã‚¯
DOMã‹ã‚‰å§‹ã‚ã‚‹JavaScriptãƒ¢ãƒ€ãƒ³ãƒ»ã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°---ç›®æ¬¡ï¼šITpro
è¿‘å¹´ï¼ŒAjaxã®å°é ã‚’ãã£ã‹ã‘ã«ï¼ŒJavaScriptã‚’ä½¿ã£ãŸãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒªãƒƒãƒãƒ»ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆåŒ–ãŒé€²ã‚“ã§ãã¾ã—ãŸã€‚ç¾åœ¨ã§ã¯ï¼Œãƒšãƒ¼ã‚¸ã®è¡¨ç¤ºã‚’å¤‰åŒ–ã•ã›ã‚‹ã ã‘ã§ã‚ã‚Œã°ï¼Œã»ã¨ã‚“ã©ã®ã“ã¨ã¯JavaScriptã®ã¿ã§å¯¾å‡¦ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ãã‚Œã‚’å®Ÿç¾ã™ã‚‹ã®ãŒDOMãªã®ã§ã™ã€‚ ç¬¬1å›žã€€DOMã‹ã‚‰å§‹ã‚ã‚‹ãƒ¢ãƒ€ãƒ³ãƒ»ã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã®ä¸–ç•Œã¸ã‚ˆã†ã“ã ç¬¬2å›žã€€ãƒ–ãƒ©ã‚¦ã‚¶ã‹ã‚‰HTMLã¯ã©ã†è¦‹ãˆã¦ã„ã‚‹ã‹ã‚’ç†è§£ã—ã‚ˆã† ï½žãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆãƒ„ãƒªãƒ¼ï½ž ç¬¬3å›žã€€DOMã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã®ã“ã¨ã¯ã˜ã‚(1) ï½žè¦ç´ ï¼ˆã‚¿ã‚°ï¼‰ã‚’ç‹™ã„æ’ƒã¡ï½ž ç¬¬4å›žã€€DOMã‚¹ã‚¯ãƒªãƒ—ãƒ†ã‚£ãƒ³ã‚°ã®ã“ã¨ã¯ã˜ã‚(2) ï½žã“ã‚Œã¯ã©ã‚“ãªè¦ç´ ï¼Ÿï½ž ç¬¬5å›žã€€DOMã‚’ä½¿ã£ã¦HTMLã‚’è‡ªç”±è‡ªåœ¨ã«æ›¸ãæ›ãˆã‚‹ ç¬¬6å›žã€€ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©ã‹ã‚‰è„±å´ã—ã‚ˆã† ç¬¬7å›žã€€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å®Œå…¨ã«åˆ†é›¢ã—ã‚ˆã† ï½žã‚³ãƒ³ãƒ†ãƒ³ãƒ„ï¼Œãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ï¼Œãƒ“ãƒ˜ã‚¤ãƒ“ã‚¢ï½ž ç¬¬8å›žã€€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸åŒ– ï½žä½¿ã„å›žã—ã§ãã‚‹ã‚¹ã‚¯ãƒª
aki77 2008/11/13
javascript

dom
ãƒªãƒ³ã‚¯
Parsing XML With The DOM Library Â» Debuggable Ltd
aki77 2007/06/09
php

xml

dom

library
ãƒªãƒ³ã‚¯
XML : de PHP4 domxml Ã PHP5 dom - Docâ€™ Alex
ï»¿ par Alexandre Alapetite le 2004-07-04 ; mise Ã jour 2011-11-19 Transition du XML de PHP4 domxml Ã PHP5 dom Lors de lâ€™Ã©volution de PHP4 Ã PHP5, un certain nombre de modifications sont nÃ©cessaires dans les scripts. En PHP4, pour gÃ©rer du XML, il fallait utiliser lâ€™extension domxml, qui Ã©tait expÃ©rimentale. En PHP5, cette extension a Ã©tÃ© remplacÃ©e par lâ€™extension dom. La migration du code de PHP4 Ã
aki77 2007/06/01
php

dom

xml
ãƒªãƒ³ã‚¯
DOMAssistant, the modular lightweight JavaScript library, with CSS selectors and AJAX
Created by Robert Nyman, http://www.robertnyman.com. DOMAssistant is released under a MIT License.
aki77 2007/04/21
DOMãƒãƒ¼ãƒ‰

javascript

library

prototype.js

dom
ãƒªãƒ³ã‚¯
Ajax Cookbook - PNG Images with Alpha Transparency
Internet Explorer does not support 24-bit PNG images with alpha transparency, as has been well documented around the Web (here are just a few: 1, 2, 3, 4). The crux of the "solution" to this probl em is to use an Internet Explorer filter called AlphaImageLoader. AlphaImageLoader can be applied to a div element to display a PNG image properly using DirectX. The difficult part of the probl em is that
aki77 2007/01/27
png

javascript

image

ie

dom
ãƒªãƒ³ã‚¯
http://www.jackslocum.com/blog/2007/01/11/domquery-css-selector-basic-xpath-implementation-with-benchmarks/
aki77 2007/01/12
javascript

css

dom

xpath
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸