[B! DOM] gorton-labã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gorton-lab id:gorton-lab

DOMã«é–¢ã™ã‚‹gorton-labã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

anything from here offsetLeft,offsetTop,offsetWidthãã—ã¦offsetHeightâ”€â”€é™çš„é…ç½®è¦ç´ ã®çµ¶å¯¾ä½ç½®ã‚’ç¢ºå®Ÿã«å–å¾—ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦
çµè«–æ¦‚è¦ é€šå¸¸é…ç½®è¦ç´ ã®çµ¶å¯¾åº§æ¨™ä¸Šã®ä½ç½®ã‚’å–å¾—ã™ã‚‹Javascriptã‚³ãƒ¼ãƒ‰ã¯ã€ã‚¦ã‚¨ãƒ–ä¸Šã‚„æ›¸ç±ã§ã‹ãªã‚Šæµå¸ƒã•ã‚Œã¦ã„ã‚‹ã€‚ã—ã‹ã—ã€ãã‚Œã‚‰ã¯æ£ã—ãçµ¶å¯¾åº§æ¨™ã‚’æä¾›ã—ãªã„ã‚‚ã®ãŒå¤šã„ã€‚ ã ã‹ã‚‰ä»•æ–¹ãªãã€ã‚³ãƒ¼ãƒ‰ã®é€²è¡ŒéŽç¨‹ã‚’ãƒã‚§ãƒƒã‚¯ã—ã€ãƒ–ãƒ©ã‚¦ã‚¶æ¯Žã«å¿…è¦ã¨ãªã‚‹è£œæ£ã‚’è¡Œã†ã‚³ãƒ¼ãƒ‰ã‚’è¿½åŠ ã—ã€ç¢ºå®Ÿã«æ£ã—ã„åº§æ¨™å€¤ã‚’å¾—ã‚‹æ–¹æ³•ã‚’ç¢ºç«‹ã—ãŸã€‚ãã®ã‚³ãƒ¼ãƒ‰ã¯ã“ã®ã‚¨ãƒ³ãƒˆãƒªã‚¤ã®æœ«å°¾ã«æŽ²è¼‰ã—ã€æ¤œè¨ŽçµŒéŽã‚’å…‹æ˜Žã«ä¸‹è¨˜ã«ã¾ã¨ã‚ãŸã€‚ ãªãŠã€æ”¹è¨‚ã—ãŸã‚³ãƒ¼ãƒ‰ãŒå¯¾å¿œã™ã‚‹ãƒ–ãƒ©ã‚¦ã‚¶ã¯IE7ã€FF2åŠã³Opera9ã§ã‚ã‚Šã€safariã¯æ¤œè¨¼ã™ã‚‹è¡“ãŒãªã‹ã£ãŸã€‚ object.offsetâ—‹â—‹ã¯å¤§å¤‰ä¾¿åˆ©ãªãƒ—ãƒãƒ‘ãƒ†ã‚£ ãã‚Œã¯ä½ç½®ã¨å¤§ãã•ã‚’ä¸Žãˆã¦ãã‚Œã‚‹ã€‚ãã‚Œã¯ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒå®šç¾©ã—ã€Mozzilllaç³»ã‚‚éšéšã—ãŸä¾¿åˆ©ã“ã®ä¸Šãªã„å±žæ€§ã ã€‚ ã•ã¦ã€ã“ã‚Œã‚‰ã®ï¼”ã¤ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯ç‰‡ã‚„ä½ç½®ã‚’ã€ç‰‡ã‚„å¤§ãã•ã‚’å–å¾—ã™ã‚‹ã€‚ç•°ãªã‚‹å±žæ€§å–å¾—ã‚’åŒã˜offsetã§è¡Œã†ã®ã ã€‚ã—ã‹ã‚‚å«ŒãŒã‚‰ã›ã¨ã—
gorton-lab 2011/05/12
javascript

dom

offsetTop

offsetLeft
ãƒªãƒ³ã‚¯
JavaScript Rangeã®ä½¿ã„æ–¹ - ã¨ã¿ãžãƒ¼ãƒŽãƒ¼ãƒˆ
DOMä»•æ§˜æ›¸ã«ã“ã‚Œã‚‰ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã¤ã„ã¦å›³è§£å…¥ã‚Šã§èª¬æ˜ŽãŒã‚ã‚Šã‚ã‹ã‚Šã‚„ã™ã„ã€‚ æ–‡å—ã‚’é¸æŠžã—ãŸæ™‚ã«è¡¨1ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒã©ã®ã‚ˆã†ã«å¤‰åŒ–ã™ã‚‹ã‹ã‚’è¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã€‚ http://www.bit-hive.com/~tomita/RangeDump/ JavaScriptã®ã‚½ãƒ¼ã‚¹ã¯http://www.bit-hive.com/~tomita/RangeDump/range.js 3. ç¾åœ¨ã®é¸æŠžç¯„å›²ã®å–å¾—ã®ä»•æ–¹(IEã®å ´åˆ) IEã®Rangeã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã«ã¯ãƒ†ã‚ã‚¹ãƒˆã®é¸æŠžç¯„å›²ã‚’è¡¨ã™TextRangeã¨ç”»åƒãªã©ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®é¸æŠžã‚’è¡¨ã™ControlRangeã®2ç¨®é¡žãŒå˜åœ¨ã™ã‚‹ã€‚ 3.1 TextRange,ControlRangeã®å–å¾— IEã®å ´åˆSelectionã¯documentå†…ã«æ—¢ã«ã‚ã‚‹ã®ã§ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¦å–å¾—ã§ãã‚‹ã€‚ var range = document.selection
gorton-lab 2010/04/14
JSã§é¸æŠžç¯„å›²ã‚’å–å¾—ã™ã‚‹

javascript

DOM

Tips
ãƒªãƒ³ã‚¯
Nao Haida's weblog: DOM ã®ãƒãƒ¼ãƒ‰ç›´å¾Œã«å®Ÿè¡Œã™ã‚‹é–¢æ•°ã®æŒ‡å®šæ–¹æ³•
11/16/2007 DOM ã®ãƒãƒ¼ãƒ‰ç›´å¾Œã«å®Ÿè¡Œã™ã‚‹é–¢æ•°ã®æŒ‡å®šæ–¹æ³• Javascript ã§ DOM ã‚’æ“ä½œã™ã‚‹éš›ã«ã¯ãƒšãƒ¼ã‚¸å†…ã® DOM è¦ç´ ãŒãƒãƒ¼ãƒ‰ã•ã‚Œã¦ã„ã‚‹å¿…è¦ãŒã‚ã‚‹ã€‚ ã“ã®ã¨ãå•é¡Œã«ãªã‚‹ã®ã¯ã€DOM ãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’ã©ã®ã‚ˆã†ã«æ¤œçŸ¥ã™ã‚‹ã‹ã€‚DOM ãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§å®Ÿè¡Œã™ã‚‹é–¢æ•°ã®æŒ‡å®šæ–¹æ³•ã€‚ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã€‚ ã¾ãšã€æ¬¡ã®ã‚ˆã†ãª html ã‚’è€ƒãˆã‚‹ã€‚ <html> <head> <title></title> <script> // ãƒšãƒ¼ã‚¸ãƒ˜ãƒƒãƒ€ã®èªã¿è¾¼ã¿æ™‚åˆ»ã‚’è¨˜éŒ² var start = new Date(); </script> </head> <body>  <img src="http://example.com/sleep10" /> </body> </html> ã“ã“ã§ã€ image è¦ç´ ã«ã¯ 10 ç§’å¾Œã«çµæžœã‚’è¿”
gorton-lab 2010/04/14
jQueryã‚’ä½¿ã‚ãšã«DOMãŒãƒãƒ¼ãƒ‰ã•ã‚ŒãŸã‹ã©ã†ã‹ã‚’åˆ¤å®šã™ã‚‹æ–¹æ³•

javascript

DOM
ãƒªãƒ³ã‚¯
JavaScript-XPath ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸï¼ã•ã‚ã€ã‚ãªãŸã‚‚ XPath ã‚’ä½¿ãŠã†ï¼ï¼ˆè§£èª¬ä»˜ãï¼‰ - ITæˆ¦è¨˜
JavaScript-XPath ã¨ã¯ JavaScript-XPath ã¯ã€ DOM 3 XPath ã‚’å®Ÿè£…ã—ã¦ã„ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã«å¯¾ã—ã¦ã€å®Ÿç”¨çš„ãªé€Ÿåº¦ã§å‹•ä½œã™ã‚‹ DOM 3 XPath ã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’è¿½åŠ ã—ã¾ã™ã€‚ ä¸€è¨€ã§ä¹±æš´ã«è¨€ã£ã¦ã—ã¾ãˆã°ã€ã©ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã‚‚ document.evaluate ã£ã¦é–¢æ•°ã§ XPath ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã‚ˆï¼ã£ã¦ã“ã¨ã§ã™ã€‚ ä»¥ä¸‹ãŒå…¬å¼ã‚µã‚¤ãƒˆã«ãªã‚Šã¾ã™ã€‚ http://coderepos.org/share/wiki/JavaScript-XPath DOM 3 XPath ã£ã¦ãªã‚“ãªã®ï¼ï¼Ÿ ã‚ã£ã¡ã‚ƒç°¡å˜ï¼ˆã§ã€ã¡ã‚‡ã£ã¨ã ã‘é©å½“ï¼‰ãªDOM 3 XPath ã®èª¬æ˜Žã‚’ã—ã¾ã™ï¼žï¼œã€‚ JavaScript ã§ã‚ˆãä½¿ã† document.getElementById ã‚„ document.getElementsByTagName ã£ã¦é–¢æ•°ã‚ã‚Šã¾ã™ã‚ˆãï¼Ÿ DOM 3 XPath
gorton-lab 2010/04/14
javascript

xpath

library

DOM
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

DOMã«é–¢ã™ã‚‹gorton-labã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

DOMã«é–¢ã™ã‚‹gorton-labã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

anything from here offsetLeft,offsetTop,offsetWidthãã—ã¦offsetHeightâ”€â”€é™çš„é…ç½®è¦ç´ ã®çµ¶å¯¾ä½ç½®ã‚’ç¢ºå®Ÿã«å–å¾—ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦

JavaScript Rangeã®ä½¿ã„æ–¹ - ã¨ã¿ãžãƒ¼ãƒŽãƒ¼ãƒˆ

Nao Haida's weblog: DOM ã®ãƒ­ãƒ¼ãƒ‰ç›´å¾Œã«å®Ÿè¡Œã™ã‚‹é–¢æ•°ã®æŒ‡å®šæ–¹æ³•

JavaScript-XPath ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸï¼ã•ã‚ã€ã‚ãªãŸã‚‚ XPath ã‚’ä½¿ãŠã†ï¼ï¼ˆè§£èª¬ä»˜ãï¼‰ - ITæˆ¦è¨˜

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (7)

DOMã«é–¢ã™ã‚‹gorton-labã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

anything from here offsetLeft,offsetTop,offsetWidthãã—ã¦offsetHeightâ”€â”€é™çš„é…ç½®è¦ç´ ã®çµ¶å¯¾ä½ç½®ã‚’ç¢ºå®Ÿã«å–å¾—ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦

JavaScript Rangeã®ä½¿ã„æ–¹ - ã¨ã¿ãžãƒ¼ãƒŽãƒ¼ãƒˆ

Nao Haida's weblog: DOM ã®ãƒãƒ¼ãƒ‰ç›´å¾Œã«å®Ÿè¡Œã™ã‚‹é–¢æ•°ã®æŒ‡å®šæ–¹æ³•

JavaScript-XPath ã‚’ãƒªãƒªãƒ¼ã‚¹ã—ã¾ã—ãŸï¼ã•ã‚ã€ã‚ãªãŸã‚‚ XPath ã‚’ä½¿ãŠã†ï¼ï¼ˆè§£èª¬ä»˜ãï¼‰ - ITæˆ¦è¨˜

ãŠçŸ¥ã‚‰ã›

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´2æœˆï¼‰

æ—§ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®Chromeæ‹¡å¼µæ©Ÿèƒ½ã«ã¤ã„ã¦ã®ãŠçŸ¥ã‚‰ã›ã¨æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã”åˆ©ç”¨ã®ãŠé¡˜ã„

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´3æœˆç¬¬1é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹