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

june29 id:june29

javascriptã¨domã«é–¢ã™ã‚‹june29ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (19)

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

æ—¢å˜ã®ã‚³ãƒ¼ãƒ‰ã®ç†è§£ãŒæ—ã‚‹Chrome DevToolsã®ä½¿ã„æ–¹ - kitak blog
jQueryç³»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ã‚ˆã‚‹DOMæ“ä½œãŒä¸å¿ƒã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«ãŒã£ã¤ã‚Šæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹æ©Ÿä¼šãŒã‚ã£ãŸã€‚ ãã®JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¯ä»–ã®äººã‹ã‚‰å¼•ãç¶™ã„ã ã‚³ãƒ¼ãƒ‰ã§ã€ä¸€å¿œå¼•ãç¶™ãŽæ™‚ã«ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªæ§‹æˆã€è¨è¨ˆã€å®Ÿè£…æ–¹é‡ã«ã¤ã„ã¦å…±æœ‰ã‚’å—ã‘ãŸãŒã€ãã‚Œã§ã‚‚ã„ã–æ‰‹ã‚’å…¥ã‚Œã‚ˆã†ã¨ã™ã‚‹ã¨è‡ªåˆ†è‡ªèº«ã®ã‚³ãƒ¼ãƒ‰ã®ç†è§£ãŒé€²ã‚“ã§ãŠã‚‰ãšã€Œãˆãƒ¼ã£ã¨...ã€ã¨ãªã£ã¦ã—ã¾ã£ãŸã€‚ ä¸Šè¨˜ä»¥å¤–ã«ã‚‚ã€é•·å¹´ã€å¤šãã®äººãŒè§¦ã‚Œã¦ããŸJavaScriptã®ã‚³ãƒ¼ãƒ‰ã«æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã€ä¿®æ£ã™ã‚‹ã®ã¯ãªã‹ãªã‹é›£ã—ã„ã®ã§ã¯ãªã„ã‹ã€ã¨æ€ã†ã€‚æœ€åˆã¯ã€ã¡ã‚‡ã£ã¨ã—ãŸãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å‘ä¸Šã®ãŸã‚ã«æ›¸ã‹ã‚ŒãŸã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒã€æ°—ãŒã¤ã‘ã°å¤šæ•°ã®DOMæ“ä½œã€è‡³ã‚‹æ‰€ã§å®£è¨€ã•ã‚Œã‚‹å¤‰æ•°ã€ã©ã“ã‹ã‚‰å®Ÿè¡Œã•ã‚Œã‚‹ã‹åˆ†ã‹ã‚‰ãªã„é–¢æ•°ç¾¤ã§ç„¡ç§©åºã«è†¨ã‚Œä¸ŠãŒã‚Šã€é ã‚’æŠ±ãˆã‚‹ã“ã¨ã«ãªã‚‹(ãã†ãªã‚‰ãªã„ã‚ˆã†ã«ã™ã‚‹ã®ãŒã‚¦ã‚§ãƒ–ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã„ã‚‹ã²ã¨ã¤ã®ç†ç”±ã§ã™ãŒâ€¦)ã€‚ ã“ã‚Œã‚‰ã®ã‚±ãƒ¼ã‚¹ã§ã¯ã€ã¾ãšã¯ä¿®æ£ã€ã‚ã‚‹ã„ã¯
june29 2016/05/08
javascript

chrome

browser

dom

development
ãƒªãƒ³ã‚¯
Chrome DevTools ã®ã€ŒEnable paint flashingã€ã‚’ä½¿ã† - kitak blog
Chrome DevToolsã«ã€ŒEnable paint flashingã€ã¨ã„ã†æ©Ÿèƒ½ãŒã‚ã£ã¦ã€ç”»é¢ã§æç”»ãŒè¡Œã‚ã‚ŒãŸç®‡æ‰€ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ DevTools ã‚’ç«‹ã¡ä¸Šã’ã¦ã€ä¸‹ã®ãƒšã‚¤ãƒ³ã®ã€ŒRenderingã€ã‚¿ãƒ–ã‚’é¸æŠžã™ã‚‹ã¨ã‚ã‚Šã¾ã™ã€‚ä¸‹ã«ãƒšã‚¤ãƒ³ãŒãªã„å ´åˆã€å³ä¸Šã®ã€Œï¸™ã€ã‹ã‚‰ã€ŒShow consoleã€ã‚’é¸ã¶ã¨ãƒšã‚¤ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¯ãšã§ã™ã€‚ ã€ŒEnable paint flashingã€ã¯ã€å°‘ã—å‰ã¾ã§ã€ŒShow paint rectanglesã€ã¨ã„ã†åå‰ã ã£ãŸã—ã€ä»Šå¾Œã²ã‚‡ã£ã¨ã—ãŸã‚‰ã¾ãŸåå‰ãŒå¤‰ã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚åå‰ã ã‘ã§ãªãã€DevToolsã®UIã¯Chromeã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã«ã‚ˆã£ã¦å¤‰ã‚ã£ã¦ã„ãã®ã§ã€ä¸Šã®èª¬æ˜Žã¯ã‚ãã¾ã§å‚è€ƒç¨‹åº¦ã«ã—ã¦ãã ã•ã„ã€‚ æç”»ãŒè¡Œã‚ã‚ŒãŸç®‡æ‰€ãŒãƒã‚¤ãƒ©ã‚¤ãƒˆã•ã‚Œã¦ã€ãªã«ãŒã†ã‚Œã—ã„ã®ã‹ã¨ã„ã†ã¨ã€ä¸è¦ãªæç”»ã‚’æ¤œçŸ¥ã—ã€é™¤ãã“ã¨ã§ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°å‡¦ç†ã‚’æ”¹å–„ã—ã¦
june29 2015/11/02
chrome

browser

development

javascript

dom
ãƒªãƒ³ã‚¯
ãªãœä»®æƒ³DOMã¨ã„ã†æ¦‚å¿µãŒä¿ºé”ã®é‚ã‚’éœ‡ãˆã•ã›ã‚‹ã®ã‹ - Qiita
è¿½è¨˜: æƒ…å ±ãŒè‰²ã€…ã¨å¤ããªã£ãŸãŸã‚ã€2020å¹´ã«æ›¸ãç›´ã—ãŸç‰ˆã¸ã®ãƒªãƒ³ã‚¯ã‚’å¼µã£ã¦ãŠãã¾ã™ã€‚ ã“ã®è¨˜äº‹ã¯ VirtualDOM Advent Calendar 2014 - Qiita ã®åˆæ—¥ã§ã™ã€‚ åˆæ—¥ã¨ã„ã†ã“ã¨ã§ã€åŸºèª¿è¬›æ¼”é¢¨ã«ã€Virtual DOMã¨ã¯ãªã«ã‹ã€ãªãœåƒ•ã¯ã“ã‚“ãªèˆˆå¥®ã—ã¦ã„ã‚‹ã®ã‹ï¼ã¨ã„ã†è©±ã‹ã‚‰ã€‚ Virtual DOMã¨ã¯ãªã«ã‹ æ—¢å˜ã®æ¦‚å¿µã§å½“ã¦ã¯ã‚ã‚‹ã¨ã€JavaScriptã®MVC, MVW(Whatever)ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Viewã«ä½ç½®ã—ã¾ã™ã€‚ãŒã€ãã®ç¨‹åº¦ã§ã¯çµ‚ã‚ã‚Šã¾ã›ã‚“ã€‚ä»®æƒ³DOMã¨ã¯ä¸–ç•Œã‚’é©å‘½ã™ã‚‹åŠ›ã§ã‚ã‚Šã€ã“ã®jQueryã®DOMæ“ä½œã§æ±šã‚Œãã£ãŸãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚’æ•‘ã†æ•‘ä¸–ä¸»ãªã®ã§ã™ã€‚ ç¾æ™‚ç‚¹ã§è‡ªåˆ†ãŒçŸ¥ã£ã¦ã„ã‚‹é™ã‚Šã¯ã€ä»¥ä¸‹ã®å®Ÿè£…ã‚’æŒ‡ã—ã¾ã™ã€‚ facebook/react æœ€ã‚‚ä½¿ã‚ã‚Œã¦ã‚‹Facebookã®å®Ÿè£… Matt-Esch/virtual-dom Altenative
june29 2014/12/02
virtualdom

dom

html

javascript
ãƒªãƒ³ã‚¯
HTML(.js) - Befriend the DOM!
Intuitive HTML lets you navigate, manipulate and use the DOM with intuitive, readable, consistent code. Powerful HTML's functions enable you to flexibly use all native DOM features with brevity, clarity, and more power than ever. HTML document.documentElement The global HTML is the actual document root element and all element tags queried via the dot operator are descendants. HTML.tag... Element|A
june29 2013/08/15
dom

html

javascript

library
ãƒªãƒ³ã‚¯
Intro.js - Step-by-step guide and feature introduction for your website
No dependencies, fast and small 10KB JavaScript and 2.5KB CSS, that's all (minified, gzipped). User-friendly Navigate using keyboard or mouse. Easily change the themes for your website. Browser compatibility Works on Google Chrome, Mozilla Firefox, Opera, Safari and even Internet Explorer. Why using Intro.js? When new users visit your website or product you should demonstrate your product features
june29 2013/04/03
ãƒšãƒ¼ã‚¸ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ä½œæˆã§ãã‚‹ JavaScript ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚

javascript

dom

library
ãƒªãƒ³ã‚¯
DOMã‚’é«˜é€Ÿã«æ“ä½œã™ã‚‹ãŸã‚ã® skin.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ãŸ - mizchi log
(ã‚¿ã‚¤ãƒˆãƒ«ä¿®æ£ DOMã‚’é«˜é€Ÿã«æ“ä½œ => DOMã®å€¤ã‚’é«˜é€Ÿã«æ›´æ–° at Sat Mar 09 2013 15:30:09 GMT+0900 (JST)) (Skin#injectå®Ÿè£…ã—ãŸã®ã§ã‚¿ã‚¤ãƒˆãƒ«å…ƒã«æˆ»ã—ãŸ at Mar 09 2013 18:10:04 GMT+0900 (JST)) è‹¥æ‰‹ã®ä¼šã§ã€JavaScript Hell on Earth ã¨ã„ã†ãƒ†ãƒ¼ãƒžã§è©±ã—ã¦ãã¾ã—ãŸã€‚ js_hell_on_earth http://www.rvl.io/mizchi/js_hell_on_earth ã¨ã„ã†ã‚ã‘ã§DOMæŠ½è±¡ãƒ©ãƒƒãƒ‘ãƒ¼ã¤ãã‚Šã¾ã—ãŸã€‚ mizchi/skin.js Â· GitHub https://github.com/mizchi/skin.js ç›®çš„ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JSã§ã¯ä¸€å›žæ›¸ã„ãŸã‚‰çµ‚ã‚ã‚Šã€ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚²ãƒ¼ãƒ ãªã©ã®ãƒªãƒƒãƒãªãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’æä¾›ã™ã‚‹éš›ã€é«˜é »åº¦ã§DOMã‚’æ›¸ãæ›
june29 2013/03/12
javascript

library

dom
ãƒªãƒ³ã‚¯
Knockout : Home
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transf orm and combine it Templating Quickly gene
june29 2011/10/15
"Simplify dynamic JavaScript UIs by applying the Model-View-View Model (MVVM) pattern"

javascript

jquery

framework

knockoutjs

dom

html
ãƒªãƒ³ã‚¯
jQueryã®bind/live/delegateã®é•ã„ã¾ã¨ã‚ã€ã¨æ–°API .on()ã®ä½¿ã„æ–¹ - y-kawazã®æ—¥è¨˜
jQueryã®ã‚¤ãƒ™ãƒ³ãƒˆè¨˜è¿°æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã€å¤§é›‘æŠŠã«ãŠã•ã‚‰ã„ã—ãŸã®ãŒä»¥ä¸‹ã®3ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ ã¾ãšä¸€ç•ªåŸºæœ¬çš„ãªã®ãŒ $("a").click(fn) ã‚„ $("a").bind('click', fn) ã§ã™ã€‚click(fn)ã¯bind('click', fn)ã®çœç•¥å½¢ã§ã™ã€‚ æ¬¡ã«jQuery1.3ã§ $("a").live("click", fn) ã¨ã„ã†æ©Ÿèƒ½ãŒå‡ºæ¥ã¾ã—ãŸã€‚liveã®è‰¯ã„ã¨ã“ã‚ã¯DOMæ“ä½œã§å‡ºãŸã‚Šæ¶ˆãˆãŸã‚Šã™ã‚‹ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«å¯¾ã—ã¦å†ãƒã‚¤ãƒ³ãƒ‰ç„¡ã—ã§ã‚¤ãƒ™ãƒ³ãƒˆå®šç¾©ãŒã§ãã‚‹åˆ©ä¾¿æ€§ã¨ã€å†…éƒ¨çš„ã«ã¯bindå€‹æ‰€ãŒdocumentã®1ã‹æ‰€ã«ãªã‚Šè¤‡æ•°å€‹æ‰€ã¸ã®bindãŒç„¡ããªã‚‹ã“ã¨ã«ã‚ˆã‚‹ãƒ¡ãƒ¢ãƒªåŠ¹çŽ‡ã¨å®ŸåŠ¹é€Ÿåº¦ã®å‘ä¸Šã§ã™ã€‚ æ›´ã«jQuery1.4.2ã§ $("#foo").delegate("a", "click", fn) ã¨ã„ã†æ›¸ãæ–¹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã“ã‚Œã¯ç‰¹å®šè¦ç´ ä»¥ä¸‹ã«é™å®šã™ã‚‹liv
june29 2011/10/11
jquery

programming

dom

javascript
ãƒªãƒ³ã‚¯
ç¬¬6å›žã€€JavaScriptã¨HTMLã¨DOMã®åŸºæœ¬#1 | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚å‰ã€…å›žã€å‰å›žã¨JavaScriptã®åŸºç¤Žçš„ãªéƒ¨åˆ†ã‚’è§£èª¬ã—ã¾ã—ãŸã€‚ä»Šå›žã¯JavaScriptã‹ã‚‰ã¿ãŸHTMLã‚’ä¸å¿ƒã«ã€DOMã«ã¤ã„ã¦ã‚‚å°‘ã—ãšã¤è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ JavaScriptã¨HTML Firefoxã®ã‚¢ãƒ‰ã‚ªãƒ³ã‚„ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰JavaScriptãªã©ã®ä¾‹å¤–ã‚’ã®ãžã„ã¦ã€å¤šãã®JavaScriptã¯HTMLä¸Šã§å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã€HTMLã¯åœŸå°ã¨ãªã‚‹é‡è¦ãªè¦ç´ ã§ã™ã€‚ãã“ã§HTMLã®åŸºç¤Žçš„ãªéƒ¨åˆ†ã‹ã‚‰HTMLã¨JavaScriptã®é–¢ä¿‚ã‚’è§£èª¬ã—ã¾ã™ã€‚ DOCTYPEã¨ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ãƒ¢ãƒ¼ãƒ‰ HTMLã¨ã„ãˆã°æœ€åˆã«æ›¸ãã®ã¯DOCTYPEã§ã™ã€‚ç¾åœ¨ä½¿ã‚ã‚Œã¦ã„ã‚‹DOCTYPEã¯HTML4.01ã€XHTML1.0ã€XHTML1.1ã¨ã„ãã¤ã‹ã®ç¨®é¡žãŒã‚ã‚Šã€ã•ã‚‰ã«ãã®ä¸ã§Transitionalã‚„Strictãªã©ã®é•ã„ã‚„ã€XHTMLã§ã¯XMLå®£è¨€ã®æœ‰ç„¡ï¼ˆæœ¬æ¥ã¯å¿…é ˆã§ã™ãŒï¼‰ãªã©ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ãŒ
june29 2010/06/06
æ”¹ã‚ã¦å¦ã¶ã€‚

javascript

html

dom

browser
ãƒªãƒ³ã‚¯
Testing JavaScript Outside the Browser
The other day at LA RubyConf during the Johnson presentation, I showed a few slides which I donâ€™t think were given the time that they deserve. Not that we didnâ€™t have enough time, I just donâ€™t think I made as big a deal about them as I should have. Those particular slides demonstrated HTML Document Object manipulation executed in JavaScript outside any web browser. Those particular slides, and tha
june29 2009/04/18
Ruby ã§ JavaScript ã®ãƒ†ã‚¹ãƒˆ ( via http://mono.kmc.gr.jp/~yhara/d/?date=20090414#p02

ruby

javascript

browser

dom

programming

development
ãƒªãƒ³ã‚¯
é«˜é€Ÿãª CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã€ŒSizzleã€ã€ŒPeppyã€ã‚’è©¦ã™ - WebOS Goodies
æœ€è¿‘ã®ã»ã¨ã‚“ã©ã® JavaScript ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ã¯ã€ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã«ã‚ˆã‚‹ DOM ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å–å¾—æ©Ÿèƒ½ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚è¤‡æ•°ã®è¦ç´ ã‚’æŸ”è»Ÿãªæ¡ä»¶ã§å–å¾—ã§ãã‚‹ã®ã§ã€ DOM ãƒ„ãƒªãƒ¼ã®æ“ä½œãŒã‚·ãƒ³ãƒ—ãƒ«ã«è¨˜è¿°ã§ãã€ã¨ã¦ã‚‚ä¾¿åˆ©ã§ã™ã€‚ã—ã‹ã—ã€å˜ã« CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã„ãŸã„ã ã‘ãªã®ã«ã€ãƒ•ãƒ«æ©Ÿèƒ½ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’èªã¿è¾¼ã‚€ã®ã¯ã¡ã‚‡ã£ã¨æŠµæŠ—ãŒã‚ã‚Šã¾ã™ã‚ˆãã€‚ ãã‚“ãªæ‚©ã¿ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã®ãŒã€æœ¬æ—¥ã”ç´¹ä»‹ã™ã‚‹ Sizzle, Peppy ã¨ã„ã† 2 ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã“ã‚Œã‚‰ã¯ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã«ä¾å˜ã—ãªã„ç‹¬ç«‹ã—ãŸ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã§ã€ã—ã‹ã‚‚ jQuery ç‰ã®æ—¢å˜ã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚ˆã‚Šæ•°å€é«˜é€Ÿã«å‹•ä½œã—ã¾ã™ã€‚ unobtrusive ãª Web ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã®é–‹ç™ºã‚„ã€ç‹¬è‡ªãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®é–‹ç™ºã«æœ€é©ã§ã™ãã€‚ãã®ä»–ã«ã‚‚åºƒç¯„ãªç”¨é€”ã«ä½¿ãˆã‚‹ã§ã—ã‚‡ã†ã€‚ ä»¥ä¸‹ã§ã“ã‚Œã‚‰ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä½¿ã„æ–¹ã‚„å‹•ä½œé€Ÿåº¦ç‰ã®æ¤œè¨¼çµæžœã‚’æŽ²
june29 2008/12/22
Sizzle ã¨ Peppyã€‚è©²å½“ã™ã‚‹è¦ç´ ã‚’é…åˆ—ã§è¿”ã™ CSS ã‚»ãƒ¬ã‚¯ã‚¿ã‚¨ãƒ³ã‚¸ãƒ³ã€‚é€Ÿåº¦ã®æ¯”è¼ƒãªã©ã€‚

javascript

library

css

dom

selector
ãƒªãƒ³ã‚¯
æ–‡å—åˆ—ãŒHTMLã®ã‚¿ã‚°åã‹ã©ã†ã‹èª¿ã¹ã‚‹ - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
var isKnownTagName = function() { var cache = {}; return function(tag_name) { if (tag_name in cache) { return cache[tag_name]; } var ret; try { ret = document.createElement(tag_name).constructor != HTMLUnknownElement; } catch(error) { ret = false; } return cache[tag_name] = ret; } }(); isKnownTagName('a'); // true isKnownTagName('xxx'); // false isKnownTagName('&%$'); // false
june29 2008/11/26
æ–‡å—åˆ—ã‚’ createElement ã«æ¸¡ã—ã¦ try catch ã§

html

javascript

dom

programming
ãƒªãƒ³ã‚¯
jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’è‰¯ãã™ã‚‹5ã¤ã®TIPS
jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’è‰¯ãã™ã‚‹5ã¤ã®TIPS 5 Tips for Better jQuery Codeã§jQueryã®ã‚³ãƒ¼ãƒ‰ã‚’è‰¯ãã™ã‚‹5ã¤ã®TIPSãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ DOMä¸ã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã§ãã‚‹dataãƒ¡ã‚½ãƒƒãƒ‰ã‚’ä½¿ãŠã† $('selector').attr('alt', 'this is the data that I am storing'); // then later getting that data with $('selector').attr('alt'); ã€Œaltã€ãªã©ã®HTMLã«ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã—ã¦ãŠãã¨å¾Œã§å–ã‚Šå‡ºã›ãªããªã£ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰è‰¯ããªã„ã€‚ $('selector').data('meaningfllname', 'this is the data I am storing'); // then later getting the data with
june29 2008/11/26
data ãƒ¡ã‚½ãƒƒãƒ‰ã‚ˆã•ã’ã€‚å‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚

javascript

jquery

programming

dom
ãƒªãƒ³ã‚¯
IE ã® getAttribute / setAttribute: Days on the Moon
DOM ã® getAttribute / setAttribute ãƒ¡ã‚½ãƒƒãƒ‰ã¯ DOM Level 1 ã‹ã‚‰å®šç¾©ã•ã‚Œã¦ã„ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã§ã€MSDN Library ã«ã‚ˆã‚Œã° IE ã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ 4 ã‹ã‚‰ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€IE ã§ã® element.getAttribute(name) / element.setAttribute(name, value) ã¨ã„ã†ã®ã¯ã€åŸºæœ¬çš„ã«ã¯ JavaScript ã«ãŠã‘ã‚‹ element[name] / element[name] = value ã®ã‚·ãƒ³ã‚¿ãƒƒã‚¯ã‚¹ã‚·ãƒ¥ã‚¬ãƒ¼ã§ã—ã‹ã‚ã‚Šã¾ã›ã‚“ã€‚ã§ã™ã‹ã‚‰ã€element.setAttribute("innerHTML", "foo") ã¨ã™ã‚‹ã¨ã€element ã®å±žæ€§ã«ã¯ä½•ã®å¤‰åŒ–ã‚‚ãªã„ãŒ element ã®å†…å®¹ãŒæ›¸ãæ›ãˆã‚‰ã‚Œã‚‹ã¨ã„ã†äº‹æ…‹ã«ãªã‚Šã¾ã™ã€‚ ã“ã® (æ‰‹æŠœã) å®Ÿè£…ãŒåŽŸå› ã§ã€getAttribute
june29 2008/06/27
è¦æ³¨æ„

browser

dom

ie

javascript
ãƒªãƒ³ã‚¯
ã•ã¦ã€XPathã¯ã©ã“ã§ä½¿ã†? - os0x.blog
XPath ã¯ jQuery ã‚„ Prototype.js ã¨ç«¶åˆã™ã‚‹æŠ€è¡“ã§ã¯ãªãã€ã‚€ã—ã‚å…±å˜ã™ã‚‹æŠ€è¡“ã§ã™ - ITæˆ¦è¨˜ã«ã¤ã„ã¦è»½ãã€‚ åƒ•ã¯Greasemonkeyã‚’æ›¸ãã¨ãã«å¿…ãšã¨ã„ã£ã¦ã„ã„ã»ã©XPathã‚’ä½¿ã£ã¦ã„ã‚‹ã€‚XPathãªã—ã§ã„ã‚ã‚“ãªã‚µã‚¤ãƒˆã®HTMLã‚’å¼„ã‚‹ã“ã¨ã¯æœ€æ—©è‹¦ç—›ã§ã—ã‹ãªãã¦ã€XPathãŒã‚‚ã®ã™ã”ãå¼·åŠ›ã§ã€ä¾¿åˆ©ãªã§ã‚ã‚‹ã“ã¨ã¯è‰¯ãå®Ÿæ„Ÿã—ã¦ã„ã‚‹ã€‚ ã§ã‚‚ã€ åƒ•ã¯è‡ªåˆ†ãŒç®¡ç†ã™ã‚‹ã‚µã‚¤ãƒˆã§XPathã‚’ä½¿ã†ã“ã¨ã¯ãªã„ã€ã¤ã¾ã‚Šæ±Žç”¨JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨XPathã‚’ä½µç”¨ã™ã‚‹ã“ã¨ã¯ãªã„ã ã‚ã†ãªã¨æ€ã†ã€‚ ç†ç”±ã¯ç°¡å˜ã§ã€è‡ªåˆ†ãŒç®¡ç†ã™ã‚‹ã‚µã‚¤ãƒˆã§ã‚ã‚Œã°é©åˆ‡ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã«ã‚ˆã£ã¦ã‚·ãƒ³ãƒ—ãƒ«ã«DOMæ“ä½œã‚’è¡Œãˆã‚‹ã‹ã‚‰ã€‚ JavaScriptã‹ã‚‰æ“ä½œã™ã‚‹å„è¦ç´ ã«ã€id,name,classãªã©ã®é©åˆ‡ãªå±žæ€§ã‚’æŒ‡å®šã—ã¦ã‚ã‚Œã°ã€getElementByIdãªã©ã®ãƒã‚¤ãƒ†ã‚£ãƒ–ãªãƒ¡ã‚½ãƒƒãƒ‰ã§é«˜é€Ÿã«ã‚¢ã‚¯ã‚»ã‚¹ã§ãã¾ã™*1ã€‚ æ™®é€šã¯ã“ã‚Œ
june29 2007/11/18
é©åˆ‡ãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã•ãˆã—ã¦ã‚ã‚Œã°ï¼Œãã‚‚ãã‚‚XPathã‚’ä½¿ã‚ãªãã¦ã‚‚ã„ã„ã‚ˆãï¼Œã¨ã„ã†è©±

dom

javascript

xpath
ãƒªãƒ³ã‚¯
getComputedStyle ã«ã¤ã„ã¦èª¿ã¹ã¦ãŸã‚‰æ·±ã¿ã«ãƒãƒžã£ãŸã®ã§ãƒ¡ãƒ¢ - ITæˆ¦è¨˜
getComputedStyle ã¨ã¯ï¼ï¼Ÿ ã‚ã‚‹è¦ç´ ã«ã©ã‚“ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒå½“ãŸã£ã¦ã„ã‚‹ã‹ã‚’è¨ˆç®—ã—ã¦ãã‚Œã‚‹ã€‚ä¾¿åˆ©ãªé–¢æ•°ã€‚ ä½¿ã„ã‹ãŸã¯ã‚ã£ã¡ã‚ƒç°¡å˜ï¼ var style = getComputedStyle(element, ''); alert(style.fontSize); // 14px alert(style.color); // rgb(0, 0, 0) ã¡ãªã¿ã«ç¬¬äºŒå¼•æ•°ã¯ç–‘ä¼¼è¦ç´ ã® style ã‚’å–ã‚ŠãŸã„å ´åˆã«ä½¿ã„ã¾ã™ã€‚é€šå¸¸ã¯ç©ºæ–‡å—åˆ—ã§ã„ã„ã€‚ ã§ã‚‚ã€ getComputedStyle ã¯ã“ã®ã¾ã¾ã§ã¯ IE, Safari ã§ã¯å‹•ã‹ãªã„ã€‚ Safari ã§ã¯ window(ã‚°ãƒãƒ¼ãƒãƒ«é ˜åŸŸ) ã« getComputedStyle ã¯å®šç¾©ã•ã‚Œã¦ãªãã¦ã€ document.defaultView ã ã‘ã« getComputedStyle ãŒå®šç¾©ã•ã‚Œã¦ã„ã‚‹ã€‚ ã¡ãªã¿ã«ã€ Firefox, Op
june29 2007/11/04
ã€Œvar style = element.currentStyle || document.defaultView.getComputedStyle(element, '')ã€ã¯è¦šãˆã¦ãŠã“ã†

browser

css

dom

javascript
ãƒªãƒ³ã‚¯
http://getelementsby.com/
june29 2007/04/12
æŒ‡å®šã—ãŸè¦ç´ ã‚’å–ã‚Šå‡ºã™é–¢æ•°

dom

html

javascript

programming
ãƒªãƒ³ã‚¯
Firebug - Web Development Evolved
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
june29 2006/12/15
Firebugã§ã®Webé–‹ç™ºã«ã¯æ¬ ã‹ã›ãªã„ã‚¨ã‚¯ã‚¹ãƒ†ãƒ³ã‚·ãƒ§ãƒ³

browser

css

debug

development

dom

extension

firefox

html

javascript

tool
ãƒªãƒ³ã‚¯
DOM Tool | Version 1.1
june29 2006/12/07
HTMLã‚’ä¸Žãˆã‚‹ã¨å¯¾å¿œã—ãŸDOMã‚’å‡ºåŠ›ã™ã‚‹ã‚ˆã†ãªJavaScriptã®ã‚³ãƒ¼ãƒ‰ã‚’ç”Ÿæˆã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«

code

dom

generator

html

javascript

tool
ãƒªãƒ³ã‚¯
1