[B! DOM Range] monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

monjudoh id:monjudoh

DOM Rangeã«é–¢ã™ã‚‹monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

Google Code Archive - Long-term storage for Google Code Project Hosting.
Code Archive Skip to content Google About Google Privacy Terms
monjudoh 2009/04/15
IEã§DOM Rangeã®æ©Ÿèƒ½ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

JavaScript

DOM

DOM Range

library

IE
ãƒªãƒ³ã‚¯
é¸æŠžç¯„å›²ã®ãƒªãƒ³ã‚¯ã‚’å–å¾—ã™ã‚‹: Days on the Moon
Web ãƒšãƒ¼ã‚¸ã®é¸æŠžç¯„å›²ã«å«ã¾ã‚Œã‚‹ãƒªãƒ³ã‚¯ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã¨ã—ã¦ã€Piro ã•ã‚“ã«ã‚ˆã‚‹ DOM 2 Range ã® compareBoundaryPoints ãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ã£ãŸã‚„ã‚Šæ–¹ãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ãƒªãƒ³ã‚¯ã‚’æŽ¢ã™ã®ã« DOM Core ã®æ©Ÿèƒ½ã‚’ä½¿ã£ã¦æ–‡æ›¸ãƒ„ãƒªãƒ¼ã‚’ãŸã©ã£ã¦ã„ã¾ã™ãŒã€ä»Šç¾åœ¨ãƒŽãƒ¼ãƒ‰ã‚’æŽ¢ã™ã¨ã„ã‚ã‚Œã¦çœŸã£å…ˆã«æ€ã„ã¤ãã®ã¯ XPath ã§ã—ã‚‡ã†ã€‚ãã“ã§ã€XPath ã‚’ä½¿ã£ã¦é¸æŠžç¯„å›²ã®ãƒªãƒ³ã‚¯ã‚’å–å¾—ã™ã‚‹æ–¹æ³•ã‚’è€ƒãˆã¦ã¿ã¾ã—ãŸã€‚ã‚‚ã¡ã‚ã‚“ã€é¸æŠžç¯„å›²ã‚’æ‰±ã†ä»¥ä¸Š DOM 2 Range ã‚‚åˆ©ç”¨ã—ã¾ã™ã€‚ åŸºæœ¬çš„ãªè€ƒãˆæ–¹ Range ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å–å¾— é¸æŠžç¯„å›²ã®å§‹ç‚¹ã‚ˆã‚Šå‰ã«ã‚ã‚‹ãƒªãƒ³ã‚¯ã®æ•°ã®å–å¾— é¸æŠžç¯„å›²ã®çµ‚ç‚¹ã‚ˆã‚Šå‰ã«ã‚ã‚‹ãƒªãƒ³ã‚¯ã®å–å¾— é¸æŠžã•ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«ã¯è¦‹ãˆãªã„ãƒªãƒ³ã‚¯ã®é™¤å¤– ã¾ã¨ã‚ åŸºæœ¬çš„ãªè€ƒãˆæ–¹ åŸºæœ¬çš„ãªã‚¢ã‚¤ãƒ‡ã‚¢ã¯ã€é¸æŠžç¯„å›²ã®çµ‚ç‚¹ã‚ˆã‚Šå‰ã«ã‚ã‚‹ãƒªãƒ³ã‚¯ã§ã€é¸æŠžç¯„å›²ã®å§‹ç‚¹ã‚ˆã‚Šå‰ã«ã¯ãªã„ã‚‚ã®ãŒæ±‚ã‚ã‚‹ãƒªãƒ³ã‚¯ã¨ã„
monjudoh 2008/10/23
JavaScript

DOM

DOM Range
ãƒªãƒ³ã‚¯
é¸æŠžç¯„å›²ã®å–å¾—ã«ã¤ã„ã¦èª¿ã¹ãŸ - daily dayflower
ã¯ã¦ãªã‚¹ã‚¿ãƒ¼ã‚„ Tumblr ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒ¬ãƒƒãƒˆãªã©ï¼Œãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®é¸æŠžæ–‡å—åˆ—ã‚’ãã®ã¾ã¾ãƒ¦ãƒ¼ã‚¶ã®å…¥åŠ›ã¨ã—ã¦ä½¿ãˆã‚‹ã‚µã‚¤ãƒˆãŒå¢—ãˆã¦ã„ã¾ã™ã€‚JavaScript ã‹ã‚‰ã©ã®ã‚ˆã†ã«ã™ã‚Œã°å–å¾—ã§ãã‚‹ã®ã‹ã‚’èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®å·®ç•° DOM ã«ãŠã‘ã‚‹é¸æŠžç¯„å›²ã®ä»•æ§˜ã¨ã—ã¦ä»¥ä¸‹ã® 2 é€šã‚ŠãŒã‚ã‚Šã¾ã™ã€‚ W3C Range Microsoft TextRange IE ãŒ Microsoft TextRange ã®ã¿ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ã®ã¯ã¾ãäºˆæƒ³é€šã‚Šã€‚æ³¨æ„ã—ãªãã¦ã¯ã„ã‘ãªã„ã®ã¯ï¼ŒW3C Range ã¯ï¼Œã‚ãã¾ã§ DOM ä¸Šã®ã€Œç¯„å›²ã€ã‚’ç¤ºã™ãŸã‚ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã‚ã‚‹ã“ã¨ã§ã™ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ãƒ¦ãƒ¼ã‚¶ãŒã©ã“ã‚’é¸æŠžã—ã¦ã„ã‚‹ã®ã‹ï¼Œãªã©ã¯ UI ã®å®Ÿè£…ã«ãªã‚Šã¾ã™ã‹ã‚‰ï¼ŒW3C (Range) ã§ã¯è¦å®šã•ã‚Œã¦ã„ã¾ã›ã‚“*1ã€‚ãã“ã§ W3C Range ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯ï¼Œé¸æŠžç¯„å›²ã‚’ã‚ã‚‰ã‚ã™ W3C Range ã‚ªãƒ–
monjudoh 2008/08/22
JavaScript

DOM

tips

DOM Range
ãƒªãƒ³ã‚¯
æ–‡å—åˆ—ã‹ã‚‰è¦ç´ ã‚’ä½œã‚ŠãŸã„ã¨ãã¯innerHTMLã§ã¯ãªãcreateContextualFragmentã‚’ä½¿ã† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
è¿½è¨˜ï¼šãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã‚’ã‚³ãƒ¡ãƒ³ãƒˆã‚’å…ƒã«ä¿®æ£ æ–‡å—åˆ—ã‹ã‚‰è¦ç´ ã‚’ä½œã‚ŠãŸã„å ´åˆã€ var temp = document.createElement('div'); temp.innerHTML = '<span>foo bar fizz buzz!</span>'; ã¨ã‚„ã‚‹ã“ã¨ãŒå¤šã„ã€‚ ã ãŒã€ä¸è¦ãªdivè¦ç´ ãŒã§ãã¦æ°—æŒã¡æ‚ªã„ã—ã€foræ–‡ã§childNodesã‚’ã²ã¨ã¤ãšã¤å‡¦ç†ã™ã‚‹å¿…è¦ãŒã‚ã£ã¦ã€ä¸ä¾¿ã€‚ divã®ä¸ã«headè¦ç´ ã‚’å…¥ã‚Œã‚‹ã“ã¨ã¯ã§ããªã„ã®ã§ã€innerHTML=''ã¨ã—ã¦ã‚‚ã€è¦ç´ ã¯ä½œã‚‰ã‚Œãªã„ã€‚ Rangeã®createContxtualFragmentã‚’ä½¿ã†ã¨ã€ã“ã†ã„ã£ãŸå•é¡Œã‚’é¿ã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ä¾‹ãˆã°ã€ä¸Šã®ã‚³ãƒ¼ãƒ‰ã‚’createContextualFragmentã‚’ä½¿ã£ã¦æ›¸ãç›´ã™ã¨ã€ var range = document.createRange(); range.createCon
monjudoh 2008/07/14
JavaScript

DOM

DOM Range

DocumentFragment
ãƒªãƒ³ã‚¯
DOM Rangeã«ã¤ã„ã¦è‰²ã€… - Personnel
ã“ã‚Œã¾ã§ã€Rangeã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã¯ãƒ†ã‚ã‚¹ãƒˆã®é¸æŠžç¯„å›²ã‚’æ“ä½œã™ã‚‹ã€ãã‚Œã ã‘ã®ä»•æ§˜ã ã¨æ€ã£ã¦ã„ã¾ã—ãŸã€‚ã—ã‹ã—ã€DOM Coreã‚„HTMLã§ã¯é¢å€’ã§ã€ã‚³ãƒ¼ãƒ‰ãŒç…©é›‘ã«ãªã‚ŠãŒã¡ã ã£ãŸè¤‡æ•°ã®è¦ç´ ã«é–¢ã™ã‚‹æ“ä½œãŒã€Rangeã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ç›´æ„Ÿçš„ã‹ã¤ç›´æŽ¥çš„ãªæ“ä½œã«ãªã‚Šã€ã¨ã¦ã‚‚æ‰±ã„ã‚„ã™ããªã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚ç¾åœ¨ã§ã¯å€‹äººçš„ã«ã€DOMã§æ–‡æ›¸ãƒ„ãƒªãƒ¼ã‚’æ‰±ã†æ™‚ã«ã¯å¸¸ã«å‚ã‚‰ã«ã„ã¦ã‚‚ã‚‰ã„ãŸã„ä»‹ã•ã‚“ã®ã‚ˆã†ãªå˜åœ¨ã«ãªã£ã¦ã„ã¾ã™ã€‚å–ã‚Šã‚ãˆãšå‘¼ã‚“ã§ãŠã‘ã€ã¿ãŸã„ãªã€‚ ä»¥ä¸‹ã€ã¨ã¦ã‚‚ã‚ã‚ŠãŒã¡ãªè¦ç´ ã«é–¢ã™ã‚‹æ“ä½œã‚’ã€Coreã‚„HTMLã®ã¿ã‚’ç”¨ã„ãŸæ–¹æ³•ã¨Rangeã‚’åˆ©ç”¨ã—ãŸæ–¹æ³•ã§è¡Œã„ã€ãã®æ¯”è¼ƒã‚’è¡Œã„ã¾ã™ã€‚ Foot note ã“ã®è¨˜äº‹ã®URIå‚ç…§ http://members.jcom.home.ne.jp/jintrick/Personal/DOM_Range.html#MISUNDERSTANDING D
monjudoh 2008/07/04
JavaScript

DOM

DOM Range

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
ç¬¬5å›žã€€Prototypeãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼ˆ1290ï½ž1608è¡Œç›®ï¼‰ | gihyo.jp
ã‚³ãƒ¼ãƒ‰æœ€å¾Œéƒ¨ã®Element.addMethods()ã®å‘¼ã³å‡ºã—ã«ã‚ˆã‚Šã€HTMLElement.prototypeä»¥ä¸‹ã«ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã—ã¦ã‚ã‚‹ã®ã§ã€å€‹ã€…ã®è¦ç´ ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã«å¯¾ã—ã¦è¿½åŠ ã™ã‚‹å¿…è¦ã¯ç„¡ã— 1298è¡Œç›®ã§ã¯ã€ã“ã“ã§ä½¿ã†å¤‰æ•°ã‚„ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆé–¢æ•°ãªã©ã‚’å®šç¾©ã—ã¦ã„ã¾ã™ã€‚ 1301è¡Œç›®ã‹ã‚‰ã¯ã€ã“ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§æ‹¡å¼µã™ã‚‹ã¹ãé–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’methodsã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«è©°ã‚è¾¼ã‚“ã§ã„ã¾ã™ã€‚ã“ã“ã§methodsã®ãƒ—ãƒãƒ‘ãƒ†ã‚£åãŒè¦ç´ ã«æ‹¡å¼µã•ã‚Œã‚‹ãƒ¡ã‚½ãƒƒãƒ‰åã§ã€ãƒ—ãƒãƒ‘ãƒ†ã‚£å€¤ãŒé–¢æ•°ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ãªã‚Šã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«ãªHTMLElementãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹å ´åˆã€F.ElementExtensionsãŒçœŸã¨ãªã‚Šã¾ã™ã€‚ã“ã®å€¤ã¯IEã§ã¯å½ã§ã™ãŒFirefoxã€Safariã€Operaã§ã¯çœŸã«ãªã‚Šã¾ã™ã€‚çœŸã®å ´åˆã¯HTMLElementã«å®šç¾©ã•ã‚Œã¦ã„ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ãŒä½¿ãˆã‚‹ã®ã§ã“ã“ã§æ‹¡å¼µã™ã‚‹å¿…è¦ãŒãªããªã‚Šã¾ã™ã€‚ Elem
monjudoh 2008/04/17
Prototype.jsã®ã‚½ãƒ¼ã‚¹ã‚ˆã‚Šã€‚ã“ã‚“ãªã‚„ã‚Šæ–¹ãŒã‚ã‚‹ã®ãã€‚ã€ŽouterHTMLãŒä½¿ãˆãªã„å ´åˆã¯ï¼ŒDOM2ã®createRange()ã‚’ä½¿ã„ã¾ã™ã€‚ã€

JavaScript

DOM

DOM Range

outerHTML

tips
ãƒªãƒ³ã‚¯
DOM Range ã®ãƒ†ã‚¹ãƒˆã‚±ãƒ¼ã‚¹ã‚’æ›¸ãã¾ã—ãŸ - ITæˆ¦è¨˜
W3C ã§ DOM Range ã¨ã„ã†ä¾¿åˆ©ãªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒå‹§å‘Šã•ã‚Œã¦ã„ã¾ã™ã€‚ http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html DOM Range ã£ã¦ä½•ï¼Ÿ DOM Range ã¨ã¯ã€ DOM ãƒ„ãƒªãƒ¼ã®ä»»æ„ã®ç¯„å›²ã‚’è¡¨ã™ãŸã‚ã®ä»•æ§˜ã§ã™ã€‚ DOM Range ã‚’ä½¿ã†ã¨ã€ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ã®ãƒŽãƒ¼ãƒ‰ã‚’å…¨éƒ¨å‰Šé™¤ã€ã¨ã‹ã€Œã“ã“ã‹ã‚‰ã“ã“ã¾ã§ã®è¦ç´ ã‚’ã“ã“ã«ç§»å‹•ã€ã¨ã„ã†ã‚ˆã†ãªæ“ä½œãŒç°¡å˜ã«ã§ãã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ãƒŽãƒ¼ãƒ‰ã®é€”ä¸ã‚‚é¸æŠžã§ãã¾ã™ã€‚ ã¾ãŸã€ DOM Range ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒžã‚¦ã‚¹ãªã©ã§é¸æŠžã—ãŸã¨ãã®é¸æŠžç¯„å›²ã‚’è¡¨ã™ Selection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ã‚‚ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ï¼ˆã¡ãªã¿ã« Selection ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®ä»•æ§˜ã¯ HTML5 ã§å®šç¾©ã•ã‚Œã¦ã„ã¾ã™ã€‚ http://www.whatwg.org/specs/web-apps/cu
monjudoh 2008/03/25
JavaScript

DOM

DOM Range
ãƒªãƒ³ã‚¯
1