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

repon id:repon

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

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

é€²åŒ–ã™ã‚‹Web Componentsã®ä»Šã€2016å¹´æœ€æ–°æƒ…å ±
Web ComponentsãŒå¤‰ãˆã‚‹Webé–‹ç™ºã®æœªæ¥ã‹ã‚‰ã€ã¯ã‚„äºŒå¹´ãŒçµŒã¡ã¾ã—ãŸã€‚ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ã§ã®è°è«–ã‚„ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’çµŒã¦2016å¹´ç¾åœ¨ã€Web Componentsã®ä»•æ§˜ã¯å¤§ããã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚å…ˆæ—¥è¡Œã‚ã‚ŒãŸDevFest Tokyo 2016ã§ã‚‚Web Components 2016 & Polymer v2 ã¨é¡Œã—ã¦Web Componentsã®æœ€è¿‘ã«ã¤ã„ã¦ãŠè©±ã—ã¾ã—ãŸã€‚ ã“ã‚Œã¾ã§Googleã‚’ä¸å¿ƒã«ç–å®šã•ã‚Œã¦ããŸv0ã®ä»•æ§˜ã‚’å…ƒã«ã€æ–°ã—ã„ä»•æ§˜ã¯Mozillaã‚„Appleãªã©ã®å„ãƒ–ãƒ©ã‚¦ã‚¶ãƒ™ãƒ³ãƒ€ãƒ¼ã®åˆæ„ã‚’æ”¹ã‚ã¦ã¨ã‚ŠãªãŒã‚‰ç–å®šãŒé€²ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ä»Šæ—¥ã¯ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚ŒãŸWeb Componentsã®ä»•æ§˜ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ åŸºæœ¬æ¦‚å¿µã«ã¤ã„ã¦ã¯å‰²æ„›ã—ã¾ã™ãŒã€ãˆãƒ¼ã˜ã•ã‚“ã®Shadow DOM â€“ Web Componentsã‚’æ§‹æˆã™ã‚‹æŠ€è¡“:Tender Surrenderã¨Custom
repon 2016/11/23
HTML

dom
ãƒªãƒ³ã‚¯
DOMãƒ—ãƒãƒ‘ãƒ†ã‚£ï½œDOMï¼ˆDocument Object Modelï¼‰: Elementï½œJavaScript/DOMï½œPHP & JavaScript Room
attributes[]ã€”ãƒŽãƒ¼ãƒ‰ã®å±žæ€§ãƒªã‚¹ãƒˆã‚’å–å¾—ã€• childNodes[]ã€”åãƒŽãƒ¼ãƒ‰ã®ãƒªã‚¹ãƒˆã‚’å–å¾—ã€• classNameã€”ã‚¯ãƒ©ã‚¹åã®å–å¾—ãƒ»è¨å®šã€• clientWidthï¼clientHeightã€”è¦ç´ ã®å†…éƒ¨ã®å¹…ã€é«˜ã•ã‚’å–å¾—ã€• clientLeftï¼clientTopã€”è¦ç´ ã®å·¦ãƒœãƒ¼ãƒ€ãƒ¼ã®å¹…ã€ä¸Šãƒœãƒ¼ãƒ€ãƒ¼ã®å¹…ã‚’å–å¾—ã€• dirã€”ãƒ†ã‚ã‚¹ãƒˆã®æ–¹å‘ã®å–å¾—ãƒ»è¨å®šã€• firstChildã€”æœ€åˆã®åãƒŽãƒ¼ãƒ‰ã‚’å–å¾—ã€• idã€”IDåã®å–å¾—ãƒ»è¨å®šã€• innerHTMLã€”ãƒŽãƒ¼ãƒ‰å†…ã®HTMLè¦ç´ ã®å–å¾—ãƒ»è¨å®šã€• innerText / textContentã€”ãƒŽãƒ¼ãƒ‰å†…ã®ãƒ—ãƒ¬ãƒ¼ãƒ³ãƒ†ã‚ã‚¹ãƒˆã®å–å¾—ãƒ»è¨å®šã€• langã€”è¨€èªžã‚³ãƒ¼ãƒ‰ã®å–å¾—ãƒ»è¨å®šã€• lastChildã€”æœ€å¾Œã®åãƒŽãƒ¼ãƒ‰ã‚’å–å¾—ã€• localNameã€”ãƒãƒ¼ã‚«ãƒ«åã®å–å¾—ã€• nameã€”è¦ç´ ã®nameå±žæ€§ã‚’å–å¾—ãƒ»è¨å®šã€• namespaceURIã€”åå‰ç©ºé–“ã®URIã®å–å¾—ã€• pre
repon 2012/07/20
dom

javascript

element
ãƒªãƒ³ã‚¯
JavaScript DOM ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
<body> <h1>JavaScript DOM ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹</h1>
repon 2012/07/14
javascript

ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹

dom
ãƒªãƒ³ã‚¯
DOMé–¢æ•°ï½œDOMï¼ˆDocument Object Modelï¼‰: Elementï½œJavaScript/DOMï½œPHP & JavaScript Room
DOMã¨ã¯ï¼Ÿ 2007/7/1 DOMï¼ˆDocument Object Modelï¼‰ã¨ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ä½¿ã£ã¦ï¼ˆXï¼‰HTMLãƒ»XMLæ–‡æ›¸ã®æ§‹é€ ã‚„ãƒŽãƒ¼ãƒ‰ã«å‹•çš„ã«ã‚¢ã‚¯ã‚»ã‚¹ãŸã‚ã®APIã§ã™ã€‚ JavaScriptã§ã¯(X)HTMLãƒ»XMLæ–‡æ›¸ã‚’ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦æ‰±ãˆã¾ã™ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚„ãƒ¡ã‚½ãƒƒãƒ‰ã§å„è¦ç´ ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚Œã°ã€è¦ç´ ã®æƒ…å ±ã‚’å–å¾—ã—ãŸã‚Šã€ãã®æƒ…å ±ã‚’æ›¸ãæ›ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã§ã€é™çš„ãªHTMLã‚’å‹•çš„ã«å¤‰åŒ–ã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚
repon 2011/10/22
dom

javascript
ãƒªãƒ³ã‚¯
ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ¢ãƒ‡ãƒ«ï¼ˆDOMï¼‰ - ã¨ã»ã»ã®WWWå…¥é–€
DOMã¨ã¯ è¦ç´ ï¼ˆã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆï¼‰ã‚’å‚ç…§ã™ã‚‹ document.getElementById(id) element.getElementsByTagName(tagName) element.getElementsByClassName(className) element.getElementsByName(name) element.querySelector(selector) element.querySelectorAll(selector) element.childNodes element.parentNode element.firstChild element.lastChild element.previousSibling element.nextSibling è¦ç´ ãƒªã‚¹ãƒˆã‹ã‚‰è¦ç´ ã‚’å–ã‚Šå‡ºã™ è¦ç´ å†…ã®æ–‡å—ã‚’å‚ç…§ã™ã‚‹ å±žæ€§ã‚’å‚ç…§ãƒ»è¨å®šã™ã‚‹ è¦ç´ ã®å±žæ€§å€¤ã‚’å‚ç…§ã™ã‚‹ å±žæ€§å€¤
repon 2011/10/22
dom

JavaScript

reference
ãƒªãƒ³ã‚¯
Nokogiriã§XMLã‚’ã‚¬ãƒParseã™ã‚‹ãŸã‚ã®ãƒ¡ã‚¿ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° - æ–¹å‘
è¦ç´„ Rubyã§HTMLã‹ã‚‰TeXã¸ã®ãƒˆãƒ©ãƒ³ã‚¹ãƒ¬ãƒ¼ã‚¿ã‚’æ›¸ã„ãŸã€‚ Nokogiriã®Nokogiri::XML::SAX::Documentã‚ãŸã‚Šã‚’ä½¿ã†ã®ãŒä¾¿åˆ©ãã†ã«æ„Ÿã˜ãŸãŒã€å®Ÿéš›ã«ã‚„ã‚‹ã¨ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ãŒå´©å£Šã—ãŸã€‚ SAXã§ã¯ãªãDOMã‚’ç”¨ã„ã¦éšŽå±¤æ§‹é€ ã‚’å†å¸°ã§è¾¿ã£ãŸã»ã†ãŒã„ã„ã€‚ã•ã‚‰ã«ãƒ¡ã‚¿ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’ç”¨ã„ã‚‹ã¨å‰²ã¨ç°¡æ½”ãªè¨˜è¿°ã«ã§ãã‚‹ã€‚ åŽŸå› Rubyã§ã®XMLæ“ä½œã«ã¯ãƒ‡ãƒ•ã‚¡ã‚¯ãƒˆã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ã¨ãªã‚Šã¤ã¤ã‚ã‚‹Nokogiriã€‚ HTMLã‹ã‚‰ç‰¹å®šã®ã‚¿ã‚°ã‚’æŠ½å‡ºã—ã¦â€¦â€¦ã®ã‚ˆã†ãªãŠæ‰‹è»½ãƒ‘ãƒ¼ã‚¹ã«ã¯å¤§å¤‰å¿«é©ãªã‚“ã§ã™ãŒã€XMLã®å…¨éƒ¨ã®ã‚¿ã‚°ã«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’èµ·ã“ã™ã‚ˆã†ãªæœ¬æ ¼çš„ã«ãƒ‘ãƒ¼ã‚¹ã™ã‚‹ã¨ãã€ã™ã”ãã‚„ã‚Šã¥ã‚‰ã„æ°—ãŒã™ã‚‹ã€‚ãã‚‚ãã‚‚ã‚°ã‚°ãƒƒã¦ã‚‚ãƒã‚¯ãªexampleãŒã§ã¦ã“ãªã„ ã—ã‚‡ã†ãŒãªã„ã®ã§è©¦è¡ŒéŒ¯èª¤ã—ã¦ã€ã¾ãšNokogiriã®SAXã‚’ä½¿ã£ãŸã€‚ SAXã¯XMLã‚’ã€Œè¦ç´ ã®å§‹ã¾ã‚Šã€ã€ã€Œè¦ç´ ã®çµ‚ã‚ã‚Šã€ã€ã€Œãƒ†ã‚ã‚¹ãƒˆã€ã®3ã¤ã«ã‚ã‘ã€ãã‚Œ
repon 2011/07/06
ruby

nokogiri

xml

dom

tips
ãƒªãƒ³ã‚¯
DOM APIã¨innerHTMLã¯ç‰ä¾¡ã§ã¯ãªã„
æœ€è¿‘ã€å¾³ä¸¸æœ¬ã‚’ã˜ã‚ã˜ã‚èªã‚“ã§ã„ã‚‹ã®ã§ã™ãŒã€DOM based XSSã®è©±ãŒæ›¸ã„ã¦ã‚ã£ãŸã®ã§ã€å°‘ã—è¨€åŠã—ã¦ãŠã“ã†ã¨æ€ã„ã¾ã™ã€‚ å¾³ä¸¸æœ¬ã‹ã‚‰å¼•ç”¨ DOM based XSSã¨å‘¼ã°ã‚Œã‚‹XSSãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã€JavaScriptã«ã‚ˆã‚Šã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§è¡¨ç¤ºå‡¦ç†ã™ã‚‹ç®‡æ‰€ãŒã‚ã‚Šã€ãã“ã«è„†å¼±æ€§ãŒã‚ã‚‹å ´åˆã®XSSã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ <script> document.write(unescape(location.href)); </script> ã“ã„ã¤ã‚’é©å½“ãªãƒ•ã‚¡ã‚¤ãƒ«åã§ä¿å˜ã—ã¦ã€domxss.html#<script>alert("hello")<script>ãªã©ã®URLã§ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨alertãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¯ãšã§ã™ã€‚ä»»æ„ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œå¯èƒ½ãªçŠ¶æ…‹ã£ã¦ã“ã¨ã§ã™ãã€‚ä»»æ„ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œå¯èƒ½ã£ã¦ã“ã¨ã¯ã€ã‚»ãƒƒã‚·ãƒ§ãƒ³ã‚¯ãƒƒã‚ãƒ¼ç›—ã¿æ”¾é¡Œã§ã€ä»–äººã«æˆã‚Šæ¸ˆã¾ã—ã¦è²·ã„ç‰©ã§ãã¡ã‚ƒã£ãŸã‚Šã™ã‚‹ãƒ¬ãƒ™ãƒ«ã§ã™
repon 2011/06/05
è³‡æ–™

dom

ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£

JavaScript

XSS

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
PHP Simple HTML DOM Parser: Manual
// Create DOM from URL or file $html = file_get_html('http://www.google.com/'); // Find all images foreach($html->find('img') as $element) echo $element->src . '<br>'; // Find all links foreach($html->find('a') as $element) echo $element->href . '<br>'; // Create DOM from string $html = str_get_html('<div id="hello">Hello</div><div id="world">World</div>'); $html->find('div', 1)->class = 'bar'; $h
repon 2011/01/13
html

php

programming

PHP Simple HTML DOM Parser

ãƒ‘ãƒ¼ã‚¹

dom

ã‚¹ã‚¯ãƒ¬ã‚¤ãƒ”ãƒ³ã‚°
ãƒªãƒ³ã‚¯
htmlSQLã‚ˆã‚Šã‚¢ãƒ„ã„!?jQueryã¿ãŸã„ã«ã‚»ãƒ¬ã‚¯ã‚¿ã§HTMLã‚’parse(è§£æž)ã™ã‚‹ã€ŒPHP Simple HTML DOM Parserã€
html SQLã‚ˆã‚Šã‚¢ãƒ„ã„!?jQueryã¿ãŸã„ã«ã‚»ãƒ¬ã‚¯ã‚¿ã§HTMLã‚’parse(è§£æž)ã™ã‚‹ã€ŒPHP Simple HTML DOM Parserã€ ä»Šé€±ã¯ã¦ãƒ–ã§ã‚‚å¤§äººæ°—ã‚’åšã—ãŸè¨˜äº‹ã€ŒçœŸé¢ç›®ã«ã‚¨ãƒã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã¿ãŸã€ãƒ—ãƒã‚°ãƒ©ãƒžç·¨ã€‘ï½œASTRODEOã€ã‚„ã€IDEA*IDEAã•ã‚“ã§ã‚‚ç´¹ä»‹ã•ã‚Œã¦ã„ãŸã€PHPã§HTMLã‚’parseã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œhtml SQLã€ã§ã™ãŒã€è§£æžã™ã‚‹HTMLã‚’æŒ‡å®šã™ã‚‹ã«ã¯SQLã¡ã£ããªæ›¸ãæ–¹ã‚’ã™ã‚‹ã®ã§ã€SQLè‡ªä½“ã«è§¦ã‚Œã‚‹æ©Ÿä¼šã®å°‘ãªã„æ–¹ã«ã¯æ‰‹ã‚’å‡ºã—ã«ãã„ã‚·ãƒãƒ¢ãƒŽã§ã™ã€‚ SQLã‚ã‹ã‚“ãªã„ã§ã™ï¼žï¼œ ã‚‚ã£ã¨ã‚«ãƒ³ã‚¿ãƒ³ã«parseã—ãŸã„ã‰â˜†ã£ã¦ã‚†ãƒ¼æ–¹ã«å…¨åŠ›ã§ã‚´ãƒªæŠ¼ã—ã—ãŸã„ã®ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹MITãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®PHPãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPHP Simple HTML DOM Parserã€ã§ã™ï¼ PHP5ã§æ›¸ã‹ã‚ŒãŸã“ã®ã€ŒPHP Simple HTML DOM Parserã€ã®æœ€å¤§ã®ç‰¹å¾´ã¯ã€è§£æžã—
repon 2011/01/13
PHP

DOM

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

php
ãƒªãƒ³ã‚¯
PHP Simple HTML DOM Parser - ã‚·ãƒ³ãƒ—ãƒ«ãªPHP HTML DOMãƒ‘ãƒ¼ã‚µ - ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã‚³ãƒ©ãƒ
PHP Simple HTML DOM Parserã¯PHP5+ã§æ›¸ã‹ã‚ŒãŸHTML DOMã‚’å®¹æ˜“ã«æ“ä½œã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ã€€ å‹•ä½œç’°å¢ƒ â—‡ã€€è¨€èªžï¼šPHPï¼ˆPHP5+ï¼‰ â—‡ã€€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ï¼šMIT æ©Ÿèƒ½ãƒ»ç‰¹å¾´ â—‡ã€€PHP5 + HTML DOMãƒ‘ãƒ¼ã‚µãƒ¼ â—‡ã€€jQueryã®ã‚ˆã†ã«ã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹æ“ä½œå¯èƒ½ â—‡ã€€ã‚·ãƒ³ãƒ—ãƒ«ãªAPIã§ã€åˆ†ã‹ã‚Šã‚„ã™ã„ ã‚µãƒ³ãƒ—ãƒ« ã‚µãƒ³ãƒ—ãƒ« 1.HTMLè¦ç´ ã®è§£æž // URLã‚„ãƒ•ã‚¡ã‚¤ãƒ«ã‹ã‚‰DOMã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã®å–å¾—ãƒ»ç”Ÿæˆ $html = file_get_html('http://www.syboos.jp/'); // ã™ã¹ã¦ã®imgè¦ç´ ã‚’å–å¾— foreach($html->find('img') as $element) echo $element->src . '<br
repon 2011/01/12
PHP

DOM

Parse

HTML
ãƒªãƒ³ã‚¯
JavaScriptã®å‹•ã‹ãªã„ã‚³ãƒ¼ãƒ‰ã€€(ä¸ç´šç·¨)ã€€iframeå†…ã«DOMã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„ã‚¨ãƒ©ãƒ¼ - ä¸»ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºã«é–¢ã—ã¦
é€£è¼‰ç›®æ¬¡ã¸ ä»¥ä¸‹ã®JavaScriptã‚³ãƒ¼ãƒ‰ãŒæ„å›³ã—ãŸå‹•ä½œã‚’ã—ãªã„ã®ã¯ï¼Œãªãœã§ã™ã‹ã€‚ï¼ˆåˆ¶é™æ™‚é–“ï¼‘åˆ†ï¼‰ ã‚„ã‚ŠãŸã„äº‹ï¼š tenki.htmlã®ä¸ã«ï¼Œå¤©æ°—ãŒæ›¸ã‹ã‚Œã¦ã„ã‚‹ã€‚ index.htmlã®ã‚¤ãƒ³ãƒ©ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ å†…ã« tenki.html ã‚’è¡¨ç¤ºã—ã¦ï¼Œãã®å†…å®¹ã‚’è§£æžã™ã‚‹ã€‚ â€»ï¼’ã¤ã®HTMLã¯ï¼ŒåŒã˜ãƒ•ã‚©ãƒ«ãƒ€ä¸Šã«ã‚ã‚‹ã€‚ index.html <input type="button" value="ã‚¯ãƒªãƒƒã‚¯ã—ã¦å¤©æ°—ã‚’è¡¨ç¤º" onClick="f()"> <br>  <iframe id="ifr"></iframe> <script language="JavaScript"> function f() { // iframeã‚’å–å¾— var e_ifr = document.getElementById( "ifr" ); // ifram
repon 2011/01/06
javascript

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

iframe

DOM
ãƒªãƒ³ã‚¯
1