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

monjudoh id:monjudoh

tipsã¨DOMã«é–¢ã™ã‚‹monjudohã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

æ–‡å—åˆ—ã‹ã‚‰HTMLDocumentã‚’ä½œæˆã™ã‚‹ã‚³ãƒ¼ãƒ‰
å¿…è¦ã«è¿«ã‚‰ã‚Œã¦å¼•æ•°ã§æ¸¡ã•ã‚ŒãŸæ–‡å—åˆ—ã‹ã‚‰ HTMLDocument ã‚’å‹•çš„ã«ä½œæˆã™ã‚‹ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚ã“ã®ã‚³ãƒ¼ãƒ‰ã¯chromeã‚³ãƒ³ãƒ†ã‚ã‚¹ãƒˆä¸Šã§ã€ã¤ã¾ã‚Šæ‹¡å¼µä¸Šã§å‹•ä½œã•ã›ã‚‹ã“ã¨ã‚’å‰æã¨ã—ã¦ã„ã¾ã™ã®ã§ã”æ³¨æ„ãã ã•ã„ã€‚ ä¸‹è¨˜ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã«modestã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹nanot_viã•ã‚“ã®ã‚µã‚¤ãƒˆã‚’å‚è€ƒã«ã—ã¾ã—ãŸã€‚ã¾ãŸrange.createContextualFragment()å®Ÿè¡Œæ™‚ã®ã‚»ã‚ãƒ¥ãƒªãƒ†ã‚£ä¸Šã®èª²é¡Œã‚’å…‹æœã™ã‚‹ãŸã‚ã«kazã•ã‚“ã®blogã‚’å‚ç…§ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚ let getDOMHtmlDocument=function(str){ let doc; let range; if(document.implementation.createHTMLDocument){ // Firefox 4.0ã‹ã‚‰ doc=document.implementation.createHTML
monjudoh 2011/03/15
JavaScript

Firefox

DOM

HTML

tips
ãƒªãƒ³ã‚¯
innerHTML = "" ã¾ã¨ã‚ - latest log
HTML5ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ãªã„IE6ã€œIE8ã§ã€node.innerHTML = " ..."; ã®ã‚ˆã†ã« HTML5 ã§è¿½åŠ ã•ã‚ŒãŸæ–°è¦ç´ å«ã‚“ã æ–‡å—åˆ—ã‚’ innerHTML ã«ä¸Žãˆã‚‹ã¨ã€æ¬¡ã®ã„ãšã‚Œã‹ã®æ¡ä»¶ãŒæˆç«‹ã—ãŸå ´åˆã«è¦ªåé–¢ä¿‚ã®å´©ã‚ŒãŸã‚µãƒ–ãƒ„ãƒªãƒ¼ã‚’ç”Ÿæˆã—ã¦ã—ã¾ã„ã¾ã™ã€‚ innerHTML ã®å‰ã« document.createElement() ãŒå®Ÿè¡Œã•ã‚Œã¦ã„ãªã„ node ãŒ DOM Tree ã«å‚åŠ ã—ã¦ã„ãªã„(ã‚ªãƒ³ã‚¶ãƒ•ãƒ©ã‚¤) ã“ã‚Œã‚‰ã‚’å›žé¿ã™ã‚‹ã«ã¯ã€IE6ã€œIE8ã§ä»¥ä¸‹ã®ã‚ˆã†ã—ã¾ã™ã€‚ document.createElement("section"); // HTML5 Shiv function build(fragment) { // @param HTMLDocumentFragmentString: "<nav>...</nav>" // @return DocumentFrag
monjudoh 2011/02/08
$("div").append(innerShiv("<section>...</section>"));

JavaScript

jQuery

DOM

HTML5

IE

IE6

IE7

IE8

ãƒã‚°

tips
ãƒªãƒ³ã‚¯
Monitoring DOM properties â€“ James Padolsey
I recently came across a jQuery plugin that claims to emulate the functionality of Object.prototype.watch, a method inherent in all objects that enables you to watch for a property change and run a function upon that change. Of course, this isnâ€™t available in all implementations. IE, for example, doesnâ€™t support this but has a DOM equivalent, onPropertyChange. Both methods are useful but their sli
monjudoh 2010/10/26
DOMè¦ç´ ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’ç›£è¦–

JavaScript

jQuery

DOM

event

special event

tips

custom event
ãƒªãƒ³ã‚¯
è¦ç´ ãŒ 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
monjudoh 2010/06/25
é‡Žè‰¯è¦ç´ ã®å…‰é€Ÿç¢ºèªæ³•

JavaScript

DOM

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

JavaScript

DOM

tips
ãƒªãƒ³ã‚¯
Perlã§å£Šã‚ŒãŸHTMLã‚’è£œå®Œã™ã‚‹
ã‚¿ã‚¤ãƒˆãƒ«ã®å•é¡Œã§ã™ãŒã€è‡ªåˆ†ã¯ã‚ˆãä»¥ä¸‹ã®ã‚ˆã†ãªé–¢æ•°ã§ã‚„ã‚Šã¾ã™ã€‚ HTML::TreeBuilderã®as_HTML()ãŒã†ã¾ã„ã“ã¨ã‚„ã£ã¦ãã‚Œã¾ã™ã€‚ (å®Ÿéš›ã«ã¯HTML::Element::as_HTML()ã§ã™ãŒ) sub _complement_html { my $broken_html = shift; my $html = do { no strict 'refs'; no warnings 'redefine'; local *HTML::Entities::encode_entities = sub {}; local *HTML::Entities::decode = sub {}; my $tree = HTML::TreeBuilder->new; $tree->parse( $broken_html ); $tree->as_HTML; }; $html =~ s#<ht
monjudoh 2010/05/06
Perl

HTML

DOM

tips
ãƒªãƒ³ã‚¯
å®‰å…¨ãª HTMLDocument ã®ç”Ÿæˆæ–¹æ³•ã«ã¤ã„ã¦ - nothing but trouble
ä½•ãŒå±ãªã„ã®ã‹ img.onerror ã‚„ img.onload ã¯ src å±žæ€§ã®å†…å®¹ãŒè©•ä¾¡ã•ã‚ŒãŸæ®µéšŽã§å®Ÿè¡Œã•ã‚Œã‚‹ã®ã§ã€å¤–éƒ¨ã‚½ãƒ¼ã‚¹ã«å¯¾ã—ã¦ HTMLDocument ã‚’æ§‹ç¯‰ã™ã‚‹éš›ãªã©ã§ã€æ„å›³ã—ã¦ã„ãªã„ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã§ã‚¹ã‚¯ãƒªãƒ—ãƒˆãŒå®Ÿè¡Œã•ã‚Œã‚‹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã€‚ å…·ä½“çš„ã«ã¯ã€ä»¥ä¸‹ã®ã‚ˆã†ãªå ´åˆã€‚ var source = '<img src="not_found.jpg" onerror="alert(1)">'; var range = document.createRange(); range.createContextualFragment(source); // onerror ãŒå®Ÿè¡Œã•ã‚Œã‚‹ var img = document.createElement('img'); img.setAttribute('onerror', 'alert(1)'); img.src = 'not_found.
monjudoh 2010/04/25
DOM

JavaScript

tips
ãƒªãƒ³ã‚¯
DOM Elementã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ãƒ†ã‚ã‚¹ãƒˆãƒ€ãƒ³ãƒ—ã—ã¦ãƒ‡ãƒãƒƒã‚° - hogehoge @teramako
DOM APIã‚’ä½¿ç”¨ã—ã¦ä½œã£ãŸDOMãƒ„ãƒªãƒ¼ã€ã†ã¾ãç”Ÿæˆã•ã‚Œã¦ã„ã‚‹ã‹è¦‹ã¦ã¿ãŸã„äº‹ã¯å¤šã€…ã‚ã‚‹ã€‚å°‘ãªãã¨ã‚‚ã‚ªã‚¤ãƒ©ã¯ã‚ã‚‹ã€‚ç°¡å˜ã«ãƒ†ã‚ã‚¹ãƒˆè¡¨ç¤ºã—ã¦ãã‚Œã‚‹ã¨å¬‰ã—ã„ãªãã¨å¸¸ã€…æ€ã£ã¦ã„ãŸã®ã ãŒç™ºè¦‹ã—ãŸã€‚ Firefoxï¼ˆã¨ã„ã†ã‹Mozillaç³»ã‹ãªï¼‰é™å®šã ã‚ã†ã‘ã©XMLSerializerãŒã‚ã‚‹ã®ã ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã€‚ var serializer = new XMLSerializer(); //ç•¥ var root = document.createElement('div'); var anchor = document.createElement('a'); var aText = document.createTextNode('ã¯ã¦ãª'); anchor.setAttribute('href','http://www.hatena.ne.jp/'); anchor.appendChild( aT
monjudoh 2010/02/26
JavaScript

DOM

XML

debug

tips
ãƒªãƒ³ã‚¯
Selectors APIã®matchesSelectorã¨ã€å‹•çš„ãªãƒšãƒ¼ã‚¸ã§ã®ã‚¤ãƒ™ãƒ³ãƒˆå‡¦ç† - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
Selectors APIã®Draftã«ã€matchesSelectorã¨ã„ã†APIãŒå®šç¾©ã•ã‚Œã¦ã„ã¦ã€ç¾åœ¨ã€WebKitã¨Minefieldã®Nightlyã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ã€‚ ãŸã ã—ã€ãƒ‰ãƒ©ãƒ•ãƒˆãªã®ã§ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒã¤ã„ã¦ã„ã¦ã€Element#webkitMatchesSelectorã‚„Element#mozMatchesSelectorã‚’ä½¿ã‚ãªã‘ã‚Œã°ã„ã‘ãªã„ï¼ˆã¨ã„ã†ã‚ˆã‚Šã€ã¾ã ç›´æŽ¥ä½¿ã†ã«ã¯æ™‚æœŸå°šæ—©ã ï¼‰ã€‚ ä½¿ã„æ–¹ã¯ç°¡å˜ã€‚ var paragraphs = document.getElementsByTagName("p"); paragraphs.it em(0).webkitMatchesSelector("p"); // true paragraphs.it em(1).webkitMatchesSelector("div#main > p"); // <div id="main"><
monjudoh 2009/10/20
è¦ç´ ãŒæ¸¡ã•ã‚ŒãŸCSSã‚»ãƒ¬ã‚¯ã‚¿ã§ãƒžãƒƒãƒã™ã‚‹ã‹èª¿ã¹ã‚‹APIã€‚documentã«eventã‚’è²¼ã‚Šä»˜ã‘ã¦ã€targetã‚’ã“ã‚Œã§åˆ¤å®šã™ã‚Œã°ç°¡å˜ã«live eventãŒå®Ÿè£…ã§ãã‚‹ã€‚

JavaScript

DOM

Selectors API

matchesSelector

event

tips

live event
ãƒªãƒ³ã‚¯
IE6 ã¯ãƒŽãƒ¼ãƒ‰ã«è¿½åŠ ã—ãŸã‚ªãƒ¬ã‚ªãƒ¬ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒæ¶ˆã›ãªã„(delete document.body.hoge ãŒå‡ºæ¥ãªã„) - latest log
ã‚ªãƒ¬ã‚ªãƒ¬è¦ç´ ãŒæ¶ˆã›ãªã„ â†’ ã‚ªãƒ¬ã‚ªãƒ¬ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒæ¶ˆã›ãªã„ ä½™è«‡ã ã‘ã©ãã‚Œã¯ã€Œå±žæ€§ï¼ˆã‚¢ãƒˆãƒªãƒ“ãƒ¥ãƒ¼ãƒˆï¼‰ã€ã¾ãŸã¯JSçš„ã«ã€Œãƒ—ãƒãƒ‘ãƒ†ã‚£ã€ã¨å‘¼ã¶ã‚‚ã®ã ã¨æ€ã†ã€‚ã€Œè¦ç´ ã€ã ã¨HTMLè¦ç´ ã®ã“ã¨ã ã¨æ€ã£ã¦ã—ã¾ã†ã€‚ by Yuichirou ãŸã—ã‹ã«ã€‚ Yuichirou ã•ã‚“ ã‚ã‚ŠãŒã¨ã†! æœ¬æ–‡ document.body.hoge = {}; delete document.body.hoge; // IE6 ã§ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹, IE8 ã¯å¤§ä¸ˆå¤«delete ã§ã¯ãªãã€ã“ã†ã—ã¾ã™ã€‚ document.body.hoge = {}; document.body.hoge = void 0;document.body ã«é™ã‚‰ãšã€Node ã ã¨ãƒ€ãƒ¡ãªã‚ˆã†ã§ã™ã€‚IE7ã§ã©ã†ãªã‚‹ã‹ã¯è©¦ã—ã¦ã¾ã›ã‚“ã€‚ IEä»¥å¤–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã¯ã€ã©ã¡ã‚‰ã®æ–¹æ³•ã§ã‚‚ã‚ªãƒ¬ã‚ªãƒ¬ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’å‰Šé™¤ã§ãã¾ã™ã€‚ è¿½è¨˜ ã€Žè©¦ã—ãŸã®ã¯IE6ã ã‘ã§ã™ãŒã€remo
monjudoh 2009/09/25
DOM

IE

JavaScript

tips
ãƒªãƒ³ã‚¯
Parsing URLs with the DOM! - JavaScript - Snipplr Social Snippet Repository
location.host !== location.hostname (location.host includes any non-normal ports) You should replace line 11 with this: host: a.host, hostname: a.hostname,
monjudoh 2009/03/18
ã‚ªãƒ³ã‚¶ãƒ•ãƒ©ã‚¤ãªaè¦ç´ ã‚’ä½¿ã£ã¦URLã‚’ãƒ‘ãƒ¼ã‚¹

JavaScript

tips

URL

DOM
ãƒªãƒ³ã‚¯
å¤§é‡ã®åŒã˜ç”»åƒã®è¡¨ç¤º - ç´ äººãŒãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å‹‰å¼·ã—ã¦ã„ãŸãƒ–ãƒã‚°
ç”»åƒå‘¨ã‚Šã®é€Ÿåº¦ãƒ¡ãƒ¢ - #ç”Ÿå˜æˆ¦ç•¥ ã€ãã‚Œã¯ - subtech å¤§é‡ã«åŒã˜ç”»åƒã‚’è¡¨ç¤ºã—ãŸã„ã¨ã - 0xFF ã‚‚ã£ã¨é«˜é€Ÿã«ã™ã‚‹æ–¹æ³•ã€‚ background-repeat and clientX <!DOCTYPE HTML> <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta charset="utf-8"> <title>background-repeat and clientX</title> <style type="text/css"> #star{ width: 0; height:10px; background:url('http://s.hatena.ne.jp/images/star.gif'); background-repeat: repeat-
monjudoh 2009/03/17
ã™ã”ã„ç™ºæƒ³ã€Žä¸€ã¤ã®divè¦ç´ ã®background-imageã¨ã—ã¦â˜†ã‚’è¡¨ç¤ºã™ã‚‹ã€‚background-repeatã‚’repeat-xã«è¨å®šã—ã€ã‚ãŸã‹ã‚‚è¤‡æ•°ã®ç”»åƒã‚’è²¼ã‚Šä»˜ã‘ãŸã‹ã®ã‚ˆã†ã«è¦‹ã›ã‚‹ã€

JavaScript

DOM

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ç”»åƒ

tips

CSS
ãƒªãƒ³ã‚¯
å¤§é‡ã«åŒã˜ç”»åƒã‚’è¡¨ç¤ºã—ãŸã„ã¨ã - os0x.blog
ç”»åƒå‘¨ã‚Šã®é€Ÿåº¦ãƒ¡ãƒ¢ - #ç”Ÿå˜æˆ¦ç•¥ ã€ãã‚Œã¯ - subtechã®ä»¶ã€‚ æœ€çµ‚æ‰‹æ®µã¨ã—ã¦ã€CSSã‚’ä½¿ã†ã€‚ .hatenastar{ display:inline-block; width:11px; height:10px; background:url('http://s.hatena.ne.jp/images/star.gif'); } (function(){ var now = new Date*1; for (var i = 0; i < count; i++) { var span = document.createElement('span'); span.className = 'hatenastar'; container.appendChild(span); } document.title += ' css:' + ((new Date*1) - now); })();
monjudoh 2009/03/17
backgroundã«æŒ‡å®šã™ã‚‹

JavaScript

DOM

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ç”»åƒ

tips

CSS
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
monjudoh 2009/03/17
åŒã˜ç”»åƒã‚’å¤§é‡ã«ä¸¦ã¹ã¦è¡¨ç¤ºã™ã‚‹å ´åˆã®è©±ã€‚Element.cloneNode(false)+DocumentFragmentã¨ã‹ã€‚

JavaScript

DOM

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ç”»åƒ

tips

DocumentFragment
ãƒªãƒ³ã‚¯
Re: ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã® JavaScript ã‚’é«˜é€ŸåŒ–ã™ã‚‹ - ã¤ã‚Œãšã‚Œãªã‚‹ã¾ã¾ã«â€¦
Reply to ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã® JavaScript ã‚’é«˜é€ŸåŒ–ã™ã‚‹ - ITæˆ¦è¨˜ ã€Œé‡ã„ç®‡æ‰€ï¼’ï¼šHatenaStar.js 1738 è¡Œç›®ã€ã§å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ãŸ Hatena.Star.Button.reateButton ã§ã™ãŒã€Flyweight ãƒ‘ã‚¿ãƒ¼ãƒ³ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã¨ Element.cloneNode() ã‚’åˆ©ç”¨ã—ãŸã¨ã“ã‚ã€æ‰‹å…ƒã®ç’°å¢ƒï¼ˆWinXP,Fx3.0ï¼‰ã§7.7å€é€Ÿããªã£ãŸã®ã§ãŠä¼ãˆã—ã¦ãŠãã¾ã™ã€‚ ä¿®æ£ã‚³ãƒ¼ãƒ‰ /* Hatena.Star.Button */ Hatena.Star.Button = new Ten.Class({ createdButton: {}, createButton: function(args) { var src = args["src"]; if (!this.createdButton[src]) { var newimg
monjudoh 2009/03/17
srcå±žæ€§ã«å…¥ã‚Œã‚‹URLãŒåŒã˜imgè¦ç´ ã‚’ãŸãã•ã‚“ä½œã‚‹å ´åˆã¯ã€srcå±žæ€§ã«ä»£å…¥ã™ã‚‹ã‚ˆã‚Šã€Element.cloneNode(false)ã—ãŸæ–¹ãŒè‰¯ã„

JavaScript

DOM

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ç”»åƒ

tips
ãƒªãƒ³ã‚¯
JS ã§å…¥åŠ›æ¸ˆã¿ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã‚‹ã¨ãã®ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®æŒ™å‹•ã®å·®ç•° ( ãƒ©ãƒœãƒ–ãƒã‚° )
ã‚¹ãƒ‘ã‚¤ã‚¹ãƒ©ãƒœç¥žéƒ¨ã§ã™ã€‚ å˜åˆ€ç›´å…¥ã«è¨€ã†ã¨ã€JavaScript ã§å…¥åŠ›æ¸ˆã¿ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã‚‹ã¨ãã®ãƒ–ãƒ©ã‚¦ã‚¶é–“ã®æŒ™å‹•ã®å·®ç•°ã«å›°ã£ã¦ã„ã¾ã™ã€‚ -JavaScriptãŒå¥½ãã ï¼ - Favorites! ã¨ã‚Šã‚ãˆãš Win ç‰ˆ Firefox ã¨ IE ã§ textarea ã«å…¥åŠ›æ¸ˆã¿ã®ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“ãŒã‚ã£ãŸã¨ã—ã¾ã™ã€‚ã“ã®ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆã« focus ã§ã‚«ãƒ¼ã‚½ãƒ«ã‚’ç§»å‹•ã•ã›ã‚‹ã¨ã€ãã‚Œãžã‚Œä¸‹è¨˜ã®ã‚ˆã†ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒã‚ãŸã‚‹ï¼ˆã‚«ãƒ¼ã‚½ãƒ«ãŒç§»å‹•ï¼‰ã—ã¾ã™ã€‚ IE ã®å ´åˆãƒ»ãƒ»ãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®å…ˆé ã« Firefox ã®å ´åˆãƒ»ãƒ»ãƒ»ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®æœ«å°¾ï¼ˆå…¥åŠ›æ¸ˆã¿ãƒ†ã‚ã‚¹ãƒˆã®æœ€å¾Œã«ï¼‰ ã“ã‚Œã‚’è§£æ±ºã™ã‚‹ã«ã‚ãŸã‚Šã€ãªã«ã‹ã„ã„æ–¹æ³•ã¯ãªã„ã‚‚ã®ã§ã—ã‚‡ã†ã‹ã€‚ ã¡ã‚‡ã£ã¨ãƒ’ãƒ³ãƒˆã«ãªã‚Šãã†ãªã‚‚ã® -æ•™ãˆã¦ï¼åŒ—äº¬äº”è¼ªã€Œã¿ã‚“ãªã«ï¼±ï¼†ï¼¡ã€ ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã¸ã‚»ãƒƒãƒˆãƒ•ã‚©ãƒ¼ã‚«ã‚¹ ã¤ã„ã§ã«æ°—ã«ãªã‚‹æƒ…å ± [JavaScript] focus()ã™ã‚‹
monjudoh 2009/02/04
è‡ªåˆ†ãŒç¾åœ¨ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã¦ã„ã‚‹ãƒ•ã‚©ãƒ¼ãƒ éƒ¨å“ã¸ã®å‚ç…§ã‚’JavaScriptã§å–å¾—ã™ã‚‹ã¨ã‹

JavaScript

DOM

form

tips
ãƒªãƒ³ã‚¯
ã¯ã¦ãƒ–å¹´é‘‘2009å¹´1æœˆåˆ†ã†ï½ ã¨ jQuery.remove() ã®é«˜é€ŸåŒ–è©± - ã¦ã£ãç…®ãƒ–ãƒã‚°
ã¯ã¦ãƒ–å¹´é‘‘, JavaScript2009å¹´1æœˆåˆ†ã‚’é›†è¨ˆã—ã¦ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ãŠã„ãŸã€‚http://tech.nitoyon.com/hatebu_nenkan/å…ˆæœˆã¾ã§ã¯ã€ŒSEOã€ã€ŒCMSã€ã¨ã„ã£ãŸæŠ€è¡“ç³»ã®ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ãŒå¿…ãš TOP10 ã«ãƒ©ãƒ³ã‚¯ã‚¤ãƒ³ã—ã¦ãŸã®ã«ä»Šæœˆã¯è¦‹å½“ãŸã‚‰ãªã„ã€‚ã„ã¡ãŠã†ã€Œãƒ‡ãƒ¼ã‚¿ãƒ™ãƒ¼ã‚¹ã€ã¨ã‹ã€Œé…è‰²ã€ã¨ã„ã£ãŸã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã¯å‡ºã¦ãã¦ã¯ã„ã‚‹ã‚“ã ã‘ã©ã€å°‚é–€ç”¨èªžã§ã¯ãªã„ã®ãŒå°è±¡çš„ã ã€‚å¯¾ã—ã¦å°é ã—ãŸã®ãŒæ–™ç†ãƒã‚¿ã€‚è¡£é£Ÿä½ã«é–¢ä¿‚ã™ã‚‹ãƒã‚¿ãŒå¢—ãˆã¦ãã¦æŠ€è¡“è‰²ãŒè–„ããªã£ã¦ã„ã‚‹ã‚ˆã†ãªæ°—ãŒã™ã‚‹ã€‚ã‚ãã¾ã§æ°—ãŒã™ã‚‹ã ã‘ãªã®ã§ã€ã‚«ãƒ†ã‚´ãƒªåˆ¥ã®å‰²åˆé·ç§»ã¨ã„ã£ãŸã‚‚ã®ã‚’ç®—å‡ºã—ãŸã‚‰èˆˆå‘³æ·±ã„çµæžœã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„ã€‚ã‚„ã‚ã†ã¨æ€ãˆã°ã§ãã‚‹ã‚“ã ã‘ã©ã€ã“ã“æœ€è¿‘ã¯è‡ªåˆ†ã®èˆˆå‘³ãŒå®Ÿè£…ã‚ˆã‚Šã‚‚å‹‰å¼·ã®ã»ã†ã«ã‚ˆã£ã¦ããŸã®ã§æ‰‹ã¯æ¢ã¾ã£ã¦ã„ã‚‹ã€‚ãŠã¾ã‘ï¼šjQuery ã® remove ã®è©±é–¢ä¿‚ãªã„ã‘ã©ã€ãƒšãƒ¼ã‚¸ã® JavaScript åˆæœŸåŒ–ã‚’ã¡ã‚‡ã£
monjudoh 2009/02/02
ã€ŽjQuery.remove() ã‚’è‡ªå‰ã§ removeChild ã™ã‚‹ã‚ˆã†ã«ã—ãŸã‚‰ 600msâ†’1ms ã€ä¾‹ãˆã°ã€jQueryã§eventç™»éŒ²ç‰ã—ãŸã¨ãã«å…ˆç¥–ã‚’è¾¿ã£ã¦æ±šæŸ“ãƒ•ãƒ©ã‚°ã‚’ç«‹ã¦ã¦ã„ã£ã¦ã€ãƒ•ãƒ©ã‚°ãŒãŸã£ã¦ã„ã‚‹å ´åˆã®ã¿ç¾åœ¨ã®jQuery.fn.removeã¨åŒã˜å‡¦ç†ã‚’ã™ã‚‹ã®ã¯ã©ã†ã‹ï¼Ÿ

JavaScript

jQuery

DOM

tips

ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹

ã‚ã¨ã§è©¦ã™
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
monjudoh 2009/01/23
ã€Želement.parentNode.replaceChild(element.cloneNode(false), element)ã€ï¼ï¼

JavaScript

DOM

tips
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã†ã¨ãã«æ°—ã‚’ã¤ã‘ã‚‹ã¹ã8ã®ãƒã‚¤ãƒ³ãƒˆ : tech.kayac.com - KAYAC engineers' blog
DAHONã®Boardwalkã‚’ä¿®ç†ã—ã‚ˆã†ã¨ã—ã¦ãŠã‚‚ã„ã£ãã‚Šå£Šã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚agoã§ã™ã€‚ æ™®æ®µã¯jQueryã‚’ãƒ¡ã‚¤ãƒ³ã§ä½¿ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ä½¿ã£ã¦ã„ã¦ã„ãã¤ã‹æ³¨æ„ã™ã¹ãç‚¹ãŒã‚ã£ãŸã®ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ï¼ˆä¸€éƒ¨jQueryã§ã¯ãªãã€DOMã®ä»•æ§˜ä¸Šã®åˆ¶é™ã‚‚å«ã¾ã‚Œã¦ã„ã¾ã™ï¼‰ 1 $().filterã«stringä»¥å¤–ã®ã‚‚ã®ã‚’æ¸¡ã™ã¨ã‚¨ãƒ©ãƒ¼ 1.4ç³»ã§ã¯ä¿®æ£ã•ã‚Œã¦ã„ã¾ã—ãŸ $().findã‚„$().notã¯å¤§ä¸ˆå¤«ã§ã™ãŒã€$().filterã®å ´åˆå¼•æ•°ã«jQuery objectã‚„é…åˆ—ã€html elementãªã©ã‚’æ¸¡ã™ã¨ã‚¨ãƒ©ãƒ¼ã«ãªã‚Šã¾ã™ã€‚ ï¼ˆãŸã¨ãˆã°jQuery objectã‚’æ¸¡ã—ãŸå ´åˆã€Firefoxã§ã¯ã€ŒTypeError: t.substring is not a functionã€ã¨ã„ã†ã‚¨ãƒ©ãƒ¼ãŒç™ºç”Ÿã—ã¾ã™ï¼‰ ç¢ºèªã™ã‚‹ ã¡ãªã¿ã«ã€$().findã‚„$().notã¯stringä»¥å¤–ã‚‚æ¸¡ã›ã‚‹ãŸ
monjudoh 2008/12/16
JavaScript

jQuery

DOM

tips
ãƒªãƒ³ã‚¯
ã¯ã¦ãªãƒ–ãƒã‚° | ç„¡æ–™ãƒ–ãƒã‚°ã‚’ä½œæˆã—ã‚ˆã†
ãƒãƒ³ãƒ‰ã‚’è„±é€€ã—ãŸç†ç”±ã¯ã€Œå”æšã’å®šé£Ÿã€ã ã£ãŸ æœ€è¿‘ã€Twitterã§mixiã®ã“ã¨ãŒã‚„ãŸã‚‰ã¨å–ã‚Šä¸Šã’ã‚‰ã‚Œã¦ã„ãŸã€‚ä»Šæ›´mixiå¾©æ´»ã™ã‚‹ã®ï¼Ÿã¨ã„ã£ãŸæ„Ÿã˜ã§ã‚ã‚‹ã€‚mixiã¯ä»Šã‹ã‚‰20å¹´ãã‚‰ã„å‰ã«ã‚„ãŸã‚‰ã¨æµè¡Œã£ã¦ã„ãŸSNSã§ã‚ã‚‹ã€‚ä¿ºã‚‚ä¸€æ™‚ã€ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã¯æŒã£ã¦ã„ãŸã€‚ãã®è©±ã¯å¾Œè¿°ã™ã‚‹ã€‚ ä¿ºã¯SNSã¯Facebookã¨Instagramã‚’ã‚„ã£ã¦ã„ã‚‹ã€‚Inâ€¦
monjudoh 2008/10/15
JavaScript

DOM

ç”»åƒ

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